@layer components{.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-block-size:48px;padding:var(--s-3) var(--s-5);border-radius:var(--r-2);border:1px solid transparent;font-family:var(--font-sans);font-weight:var(--weight-body-medium);font-size:var(--step-0);letter-spacing:0.01em;cursor:pointer;transition:background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-2) var(--ease-out),transform var(--dur-1) var(--ease-out)}.btn-primary{background-color:var(--accent);color:var(--on-accent)}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--glow-accent)}@media (prefers-reduced-motion:no-preference){.btn:hover{transform:translateY(calc(-1 * var(--press)))}}.btn:active{transform:scale(0.98)}.btn-primary:active{background-color:var(--accent-press)}.btn-secondary{background-color:transparent;border-color:var(--hairline);color:var(--text)}.btn-secondary:hover{background-color:var(--surface-2)}.btn-secondary:active{background-color:var(--surface-2)}.btn:disabled,.btn[aria-busy="true"]{opacity:0.55;cursor:not-allowed;box-shadow:none;transform:none}}