.btn{border-radius:.33rem;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;transition-property:background-color,border-color,box-shadow;transition-duration:.3s;transition-timing-function:cubic-bezier(.2,.8,.2,1);display:flex}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn{max-width:100%;font-family:var(--font-body,"Inter"),"Inter",system-ui,"Segoe UI",sans-serif;white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:600;line-height:1;text-decoration:none;position:relative}.btn svg{flex-shrink:0}.btn:focus-visible{outline:2px solid var(--focus-ring-color);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{gap:.375rem;min-width:2.25rem;min-height:2.25rem;padding:0 .75rem;font-size:.875rem}.btn--sm svg{width:1rem;height:1rem}.btn--md{gap:.5rem;min-width:2.75rem;min-height:2.75rem;padding:0 1rem;font-size:1rem}.btn--md svg{width:1.125rem;height:1.125rem}.btn--lg{gap:.5rem;min-width:3.25rem;min-height:3.25rem;padding:0 1.25rem;font-size:1.125rem}.btn--lg svg{width:1.25rem;height:1.25rem}.btn--xs{gap:.25rem;min-height:1.75rem;padding:0 .5rem;font-size:.75rem}.btn--xs svg{width:.875rem;height:.875rem}.btn--full{width:100%}.btn--primary{background-color:var(--primary-color);color:var(--primary-contrast)}.btn--primary:hover:not(:disabled){background-color:var(--primary-color-hover);box-shadow:var(--shadow-primary)}.btn--primary:active:not(:disabled){background-color:var(--primary-color-active)}.btn--secondary{background-color:var(--secondary-color);border-color:var(--border-color);color:var(--secondary-contrast)}.btn--secondary:hover:not(:disabled){border-color:var(--primary-color);background-color:rgba(var(--primary-rgb), .14)}.btn--secondary:active:not(:disabled){background-color:rgba(var(--primary-rgb), .22)}.btn--outline{border-color:var(--primary-color);color:var(--primary-text-color);background-color:#0000}.btn--outline:hover:not(:disabled){background-color:var(--primary-color-light)}.btn--ghost{color:var(--text-color);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--neutral-color-light)}.btn--ghost:active:not(:disabled){background-color:var(--surface-active-color)}.btn--danger{background-color:var(--danger-color);color:var(--danger-contrast)}.btn--danger:hover:not(:disabled){background-color:var(--danger-color-hover)}.btn--danger:active:not(:disabled){background-color:var(--danger-color-active)}.btn__label{text-overflow:ellipsis;overflow:hidden}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:9999px;flex-shrink:0;width:1em;height:1em;animation:.7s linear infinite btn-spin}.btn--icon{padding:0}@keyframes btn-spin{to{transform:rotate(360deg)}}