.button-base[data-v-d7294579]{isolation:isolate;position:relative;transform-style:preserve-3d;transition:var(--transition-spring)}.button-bg[data-v-d7294579]{border-radius:inherit;top:0;right:0;bottom:0;left:0;position:absolute;transform:translateZ(-1px);transition:var(--transition-base),transform var(--animation-base) var(--ease-spring);will-change:transform,opacity}.button-content[data-v-d7294579]{align-items:center;display:inline-flex;gap:.5rem;justify-content:center;position:relative;z-index:1}.button-solid .button-bg[data-v-d7294579]{opacity:1}.button-solid .button-content[data-v-d7294579]{color:var(--crust)}.button-solid:hover:not(:disabled) .button-bg[data-v-d7294579]{filter:brightness(1.15) saturate(1.2);transform:translateZ(-1px) scale(1.02)}.button-solid:active:not(:disabled) .button-bg[data-v-d7294579]{filter:brightness(.9);transform:translateZ(-1px) scale(var(--scale-press))}.button-outline .button-bg[data-v-d7294579]{opacity:0}.button-outline .button-content[data-v-d7294579]{color:var(--color)}.button-outline:hover:not(:disabled) .button-bg[data-v-d7294579]{opacity:.15;transform:translateZ(-1px) scale(1.02)}.button-outline:active:not(:disabled) .button-bg[data-v-d7294579]{opacity:.25;transform:translateZ(-1px) scale(var(--scale-press))}.button-ghost .button-bg[data-v-d7294579]{opacity:0}.button-ghost .button-content[data-v-d7294579]{color:var(--color)}.button-ghost:hover:not(:disabled) .button-bg[data-v-d7294579]{opacity:.08;transform:translateZ(-1px) scale(1.05)}.button-ghost:active:not(:disabled) .button-bg[data-v-d7294579]{opacity:.15;transform:translateZ(-1px) scale(var(--scale-press))}.button-base[data-v-d7294579]:hover:not(:disabled){animation:buttonShake-d7294579 .5s ease-in-out;box-shadow:0 15px 30px -5px #00000040,0 0 0 3px rgba(var(--color-rgb,203,166,247),.15),0 0 20px rgba(var(--color-rgb,203,166,247),.2);transform:translateY(-2px) scale(1.02)}.button-base[data-v-d7294579]:active:not(:disabled){box-shadow:0 5px 15px -3px #0000004d,0 0 0 4px rgba(var(--color-rgb,203,166,247),.3),inset 0 2px 4px #0000001a;transform:translateY(0) scale(var(--scale-press));transition-duration:50ms}@keyframes buttonShake-d7294579{0%,to{transform:translateY(-2px) scale(1.02) rotate(0)}25%{transform:translateY(-2px) scale(1.02) rotate(.5deg)}75%{transform:translateY(-2px) scale(1.02) rotate(-.5deg)}}.button-ripple[data-v-d7294579]{border-radius:inherit;top:0;right:0;bottom:0;left:0;overflow:hidden;position:absolute}.ripple[data-v-d7294579]{animation:rippleEffect-d7294579 var(--animation-slow) var(--ease-out);background:radial-gradient(circle,currentColor 10%,transparent 70%);border-radius:50%;height:0;opacity:.4;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:0}@keyframes rippleEffect-d7294579{to{height:300px;opacity:0;width:300px}}.button-base[data-v-d7294579]{--color:var(--mauve);--color-rgb:203,166,247}.button-base[data-v-d7294579]:has(.bg-rosewater){--color:var(--rosewater);--color-rgb:245,224,220}.button-base[data-v-d7294579]:has(.bg-flamingo){--color:var(--flamingo);--color-rgb:242,205,205}.button-base[data-v-d7294579]:has(.bg-pink){--color:var(--pink);--color-rgb:245,194,231}.button-base[data-v-d7294579]:has(.bg-mauve){--color:var(--mauve);--color-rgb:203,166,247}.button-base[data-v-d7294579]:has(.bg-red){--color:var(--red);--color-rgb:243,139,168}.button-base[data-v-d7294579]:has(.bg-maroon){--color:var(--maroon);--color-rgb:235,160,172}.button-base[data-v-d7294579]:has(.bg-peach){--color:var(--peach);--color-rgb:250,179,135}.button-base[data-v-d7294579]:has(.bg-yellow){--color:var(--yellow);--color-rgb:249,226,175}.button-base[data-v-d7294579]:has(.bg-green){--color:var(--green);--color-rgb:166,227,161}.button-base[data-v-d7294579]:has(.bg-teal){--color:var(--teal);--color-rgb:148,226,213}.button-base[data-v-d7294579]:has(.bg-sky){--color:var(--sky);--color-rgb:137,220,235}.button-base[data-v-d7294579]:has(.bg-sapphire){--color:var(--sapphire);--color-rgb:116,199,236}.button-base[data-v-d7294579]:has(.bg-blue){--color:var(--blue);--color-rgb:137,180,250}.button-base[data-v-d7294579]:has(.bg-lavender){--color:var(--lavender);--color-rgb:180,190,254}.button-base[data-v-d7294579]:focus-visible{box-shadow:0 0 0 3px rgba(var(--color-rgb),.3),0 0 20px -5px rgba(var(--color-rgb),.5)}