:root{--mobile: 576px;--tablet: 768px;--desktop: 992px;--maxMobile: 767px;--maxTablet: 991px;--maxDesktop: 1200px}.button-wrapper{position:relative;display:inline-block;align-items:center}.button-wrapper .main-button{display:inline-block;cursor:pointer;border-radius:12px;font-weight:700;line-height:1;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif;border:none;align-items:center;will-change:transform,filter;transition:filter .2s ease,transform .2s ease;height:100%}.button-wrapper .main-button:disabled{cursor:not-allowed;opacity:.6;filter:none!important;transform:none!important;box-shadow:none;pointer-events:none}.button-wrapper .main-button.small{padding:12px 16px;font-size:12px;height:auto}.button-wrapper .main-button.medium{padding:15px 20px;font-size:14px}.button-wrapper .main-button.large{padding:18px 24px;font-size:16px}.button-wrapper .main-button.very-large{padding:24px 36px;font-size:28px}.button-wrapper .main-button.primary{background-color:var(--theme-buttonPrimary);color:var(--theme-buttonPrimaryText);box-sizing:border-box;box-shadow:inset -10px -19px 21px -4px #6793a666;z-index:1}.button-wrapper .main-button.secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:var(--theme-buttonSecondary);color:var(--theme-buttonSecondaryText)}.button-wrapper .main-button.danger{box-shadow:#00000026 0 0 0 1px inset;background-color:var(--theme-warning);color:#fff!important}.button-wrapper .main-button.action{box-shadow:#00000026 0 0 0 1px inset;background-color:var(--theme-action);color:#fff!important}.button-wrapper .main-button.action:hover{background-color:var(--theme-success)}.button-wrapper.close-button .main-button.medium{position:relative;padding:18px 20px 15px;top:1px;font-size:14px}.button-wrapper .button-label.with-icon{position:relative;top:-1px}@media screen and (max-width: 768px){.button-wrapper .button-label.with-icon{display:none}}.button-wrapper .button-label.with-icon.close{top:-3px}.button-wrapper .button-label.with-icon.check{top:-4px!important}.button-wrapper .main-button.hover-effect.primary:hover,.button-wrapper .main-button.hover-effect.secondary:hover,.button-wrapper .main-button.hover-effect.danger:hover,.button-wrapper .main-button.hover-effect.action:hover{filter:brightness(.92);transform:translateY(-2px);transition:filter .2s ease,transform .2s ease}
