.button{position:relative;display:flex;width:100%;justify-content:center;padding:.75rem;font-family:var(--font-sf-pro-display),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1);&>.button-cta{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1)}&:before{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.3s;animation-timing-function:cubic-bezier(0,0,.2,1)}&[data-action=popup] &>*{pointer-events:none}}.button-bg{position:absolute;inset:0;border-radius:inherit}.button-bg,.button-icon-hover,.button-icon-initial,.button-text-hover,.button-text-initial{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;animation-duration:.3s}.button-icon-hover,.button-text-hover{position:absolute;width:100%;opacity:0}.button:hover{& .button-text-initial{opacity:0}& .button-text-hover,& .button-text-initial{--tw-translate-y:-3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}& .button-text-hover{opacity:1}& .button-icon-initial{opacity:0}& .button-icon-hover,& .button-icon-initial{--tw-translate-y:-3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}& .button-icon-hover{opacity:1}& .button-icon-right-initial{--tw-translate-x:3rem;opacity:0}& .button-icon-right-hover,& .button-icon-right-initial{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}& .button-icon-right-hover{--tw-translate-x:0px;opacity:1}}.button-default{border-radius:9999px;color:#fff;& .button-bg{background:#0a1632;box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25)}& .button-icon-bg{background:#fff}& .button-icon-right-initial,.button-icon-right-hover{color:#0a1632}&:hover{box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25);& .button-bg{background:#698bfe}}}.button-inverted{border-radius:9999px;color:#fff;& .button-bg{background:#9ab2ff;box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25)}& .button-icon-bg{background:#fff}& .button-icon-right-initial,.button-icon-right-hover{color:#0a1632}&:hover{box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25);& .button-bg{background:#698bfe}}}.button-light-blue{border-radius:9999px;color:#fff;& .button-bg{background:#4570ff;box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25)}& .button-icon-bg{background:#fff}& .button-icon-right-initial,.button-icon-right-hover{color:#0a1632}&:hover{box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25);& .button-bg{background:#698bfe}}}.button-white{border-radius:9999px;color:#4570ff;box-shadow:inset 0 4px 4px 0 rgba(154,178,255,.2);& .button-bg{background:#fff}& .button-icon-bg{background:#4570ff}& .button-icon-right-initial,&:hover,.button-icon-right-hover{color:#fff}&:hover{box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25);& .button-bg{background:#698bfe}& .button-icon-bg{background:#fff}& .button-icon-right-initial,.button-icon-right-hover{color:#0a1632}}}.button-dark{border-radius:9999px;color:#fff;& .button-bg{background:#0a1632;box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25)}& .button-icon-bg{background:#fff}& .button-icon-right-initial,.button-icon-right-hover{color:#0a1632}&:hover{box-shadow:inset 0 4px 4px 0 hsla(0,0%,100%,.25);& .button-bg{background:#698bfe}}}.button-size-small{font-size:2rem}.button-size-default{font-size:2.5rem;line-height:150%}.button-size-large{font-size:3rem}.button-shape-round{border-radius:1.5rem}.button-shape-pill{border-radius:9999px}