.button{align-items:center;border-radius:9999px;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;letter-spacing:.025em;line-height:1.5rem;max-width:-moz-fit-content;max-width:fit-content;position:relative;text-decoration-line:none;text-transform:uppercase;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.button .spinner{left:calc(50% - .75em);position:absolute;top:calc(50% - .75em);width:1.5em}.button:active{transform:scale(1.06)}@media (min-width:1024px){.button:hover{--tw-scale-x:1.04;--tw-scale-y:1.04;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.button.disabled{opacity:.5;pointer-events:none}.button-theme-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.button-theme-pink{--tw-bg-opacity:1;background-color:rgb(237 187 187/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(45 64 183/var(--tw-text-opacity,1))}.button-theme-mint{--tw-bg-opacity:1;background-color:rgb(220 234 235/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.button-theme-red{--tw-bg-opacity:1;background-color:rgb(255 21 0/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.button-theme-yellow{--tw-bg-opacity:1;background-color:rgb(255 249 215/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.button-theme-blue{--tw-bg-opacity:1;background-color:rgb(45 64 183/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.button-theme-glass{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#fff6;border:1px solid hsla(0,0%,100%,.6);--tw-text-opacity:1;color:rgb(45 64 183/var(--tw-text-opacity,1))}.button-high-contrast.button-theme-glass{background:#fffc}.button.tint-blue{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.button.tint-blue .tint-bg{--tw-bg-opacity:1;background-color:rgb(45 64 183/var(--tw-bg-opacity,1))}.button.tint-pink{--tw-text-opacity:1;color:rgb(45 64 183/var(--tw-text-opacity,1))}.button.tint-pink .tint-bg{--tw-bg-opacity:1;background-color:rgb(253 223 223/var(--tw-bg-opacity,1))}.button.tint-mint{--tw-text-opacity:1;color:rgb(255 21 0/var(--tw-text-opacity,1))}.button.tint-mint .tint-bg{--tw-bg-opacity:1;background-color:rgb(230 232 211/var(--tw-bg-opacity,1))}.button.tint .tint-bg{border-radius:9999px;height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%;z-index:-10}.button-size-large{font-size:1.25rem;height:-moz-fit-content;height:fit-content;line-height:1.75rem;padding:1.25rem 3rem}.button-size-default{font-weight:500;height:3.5rem;padding-left:2.25rem;padding-right:2.25rem;--tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media not all and (min-width:768px){.button-size-default{height:4rem}}.button-icon.button-size-default{padding-left:1.25rem;padding-right:1.25rem}.button-icon.button-size-default .icon{height:2rem;width:2rem}.button-size-small{font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;padding-left:1.5rem;padding-right:1.5rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media not all and (min-width:768px){.button-size-small{height:3.5rem}}.button-icon.button-size-small{padding-left:1rem;padding-right:1rem}.button-icon.button-size-small .icon{height:1.75rem;width:1.75rem}.button-size-xsmall{font-size:.875rem;font-weight:600;height:2.5rem;line-height:1.25rem;padding-left:1.25rem;padding-right:1.25rem;--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media not all and (min-width:768px){.button-size-xsmall{height:3rem}}.button-icon.button-size-xsmall{padding-left:.75rem;padding-right:.75rem}.button-icon.button-size-xsmall .icon{height:1.5rem;width:1.5rem}
