.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-md);font-weight:var(--fw-medium);white-space:nowrap;cursor:pointer;transition:background-color var(--t-fast), border-color var(--t-fast), transform var(--t-fast), box-shadow var(--t-fast);border:1.5px solid #0000;min-block-size:44px;line-height:1;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;transform:none}.btn--sm{padding:var(--s-2) var(--s-4);font-size:var(--fs-sm);min-block-size:36px}.btn--md{padding:var(--s-3) var(--s-6);font-size:var(--fs-md)}.btn--lg{padding:var(--s-4) var(--s-8);font-size:var(--fs-lg);min-block-size:52px}.btn--full{inline-size:100%}.btn--primary{background:var(--c-primary);color:var(--c-white);box-shadow:var(--sh-sm)}.btn--primary:hover:not(:disabled){background:var(--c-primary-hover);box-shadow:var(--sh-md)}.btn--secondary{background:var(--c-surface);color:var(--c-walnut);border-color:var(--c-border)}.btn--secondary:hover:not(:disabled){background:var(--c-sand);border-color:var(--c-oak-light)}.btn--ghost{color:var(--c-walnut);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--c-sand)}.btn--danger{background:var(--c-clay-fill);color:var(--c-white)}.btn--danger:hover:not(:disabled){filter:brightness(.93)}.btn--loading{cursor:wait}.btn__spinner{border:2px solid;border-block-start-color:#0000;border-radius:50%;flex-shrink:0;block-size:1em;inline-size:1em;animation:.7s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.btn__spinner{animation-duration:2s}}.btn__icon{flex-shrink:0;display:inline-flex}.btn__icon svg{block-size:1.15em;inline-size:1.15em}