.btn{transition:transform .3s var(--ease-spring,cubic-bezier(.16,1,.3,1)),box-shadow .3s var(--ease-spring,cubic-bezier(.16,1,.3,1)),background-color .2s ease,color .2s ease,border-color .2s ease;cursor:pointer;will-change:transform;border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.5rem;font-family:DM Sans,sans-serif;font-weight:600;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.5rem .75rem;font-size:.75rem}.btn-md{padding:.75rem 1.5rem;font-size:.8125rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn-primary{background-color:var(--color-accent);color:var(--color-surface);box-shadow:0 .375rem 1.125rem #0071e338}.btn-primary:hover:not(:disabled){background-color:#0063c7;transform:translateY(-.125rem)scale(1.02);box-shadow:0 .625rem 1.5rem #0071e352}.btn-primary:active:not(:disabled){transition-duration:80ms;transform:scale(.97);box-shadow:0 .25rem .75rem #0071e333}.btn-secondary{border:2px solid var(--color-accent);color:var(--color-accent);background-color:#0000}.btn-secondary:hover:not(:disabled){background-color:#0071e314;transform:translateY(-.0625rem)}.btn-secondary:active:not(:disabled){background-color:#0071e324;transition-duration:80ms;transform:scale(.97)}.btn-ghost{color:var(--color-text-primary);background-color:#0000;border:none}.btn-ghost:hover:not(:disabled){background-color:var(--color-background);transform:scale(1.04)}.btn-ghost:active:not(:disabled){background-color:var(--color-background);transition-duration:80ms;transform:scale(.96)}.btn-destructive{color:var(--color-surface);background-color:#d53830;box-shadow:0 .375rem 1.125rem #d5383038}.btn-destructive:hover:not(:disabled){background-color:#9e1c15;transform:translateY(-.125rem)scale(1.02);box-shadow:0 .625rem 1.5rem #d5383052}.btn-destructive:active:not(:disabled){transition-duration:80ms;transform:scale(.97)}.btn-icon{flex-shrink:0;align-items:center;display:flex}