@layer elements{.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;letter-spacing:var(--tracking-wide);line-height:1;padding-block:var(--space-3);padding-inline:var(--space-8);text-decoration:none;transition:background-color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default);white-space:nowrap}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.4;pointer-events:none}.btn--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.btn--primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.btn--secondary{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn--secondary:hover{background-color:var(--color-surface-raised);border-color:var(--color-text-muted)}.btn--ghost{background-color:transparent;border-color:var(--color-border);color:var(--color-text)}.btn--ghost:hover{border-color:var(--color-text)}.btn--sm{font-size:var(--font-size-sm);padding-block:var(--space-2);padding-inline:var(--space-4)}.btn--lg{font-size:var(--font-size-md);padding-block:var(--space-4);padding-inline:var(--space-10)}}