.button{padding:0 16px;font-size:20px;font-family:var(--font-be-vietnam-pro);cursor:pointer;transition:background-color .3s ease,border-color .3s ease;text-decoration:none;display:inline-block;max-width:227px;width:100%;line-height:normal;font-weight:500}.button:disabled{cursor:not-allowed}.button:disabled,.button:disabled:hover{background-color:rgba(22,48,85,.3)}.button--primary{background-color:var(--secondary);padding-left:32px;color:var(--primary);display:flex;align-items:center;justify-content:space-between}.button--primary img{margin-left:16px}.button--hero{background-color:transparent;color:#fff;border:2px solid #fff}.button--hero:hover{background-color:#fff;color:var(--primary)}.button--primary:hover{background-color:#ffcd83}.button--secondary{color:var(--primary);border:2px solid var(--primary)}.button--secondary:hover{background-color:rgba(22,48,85,.3)}@media (max-width:480px){.button{font-size:16px;padding:0 10px}}.successModal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(22,48,85,.5);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center}.successModal{background:#fff;padding:48px 32px;border-radius:8px;text-align:center;position:relative;max-width:470px;width:100%;@media only screen and (max-width:480px){padding-left:16px;padding-bottom:48px;padding-right:16px;padding-top:48px;max-width:343px}}.successModal>img{margin:0 auto 32px}.successModal h2{color:var(--primary)}.successModal p{color:var(--black)}.close{position:absolute;top:16px;right:16px;cursor:pointer}.successModal>button{max-width:100%;padding:18px 16px;justify-content:center;margin-top:32px}.successModal>button>img{margin-left:16px}