.button{background-color:var(--blue);width:100%;height:60px;color:var(--light);cursor:pointer;border:none;border-radius:10px;font-size:16px;transition:all .2s}.button__secondary{background-color:var(--light);color:var(--blue);border:1px solid var(--blue)}.button:hover{scale:1.02}
.modal__wrapper{z-index:10;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.modal__wrapper .modal{background-color:#fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:320px;height:206px;padding:12px;display:flex;position:relative}.modal__wrapper .modal .modal__title{text-transform:uppercase;color:#004c98;text-align:center;margin-top:12px;font-size:18px}.modal__wrapper .modal .modal__close{color:#004c98;cursor:pointer;background:0 0;border:none;font-size:24px;position:absolute;top:-17px;right:8px}.modal__wrapper .modal .modal__form{flex-direction:column;gap:8px;width:100%;display:flex}.modal__wrapper .modal .modal__form .modal__input{border:1px solid #004c984d;border-radius:20px;width:100%;height:55px;padding:16px;font-size:16px}.modal__wrapper .modal .modal__form .modal__success{color:#28a745;text-align:center;margin:0;font-size:11px}.modal__wrapper .modal .modal__form .modal__error{color:#dc3545;text-align:center;margin:0;font-size:11px}.modal__wrapper .modal .modal__form .modal__button{color:#fff;cursor:pointer;background-color:#004c98;border:none;border-radius:20px;width:180px;height:45px;margin:0 auto;font-size:16px;transition:all .2s}