.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);font-family:var(--font-body);font-weight:var(--weight-semibold);text-decoration:none;border-radius:var(--radius-pill);border:1.5px solid transparent;transition:transform var(--duration-fast) var(--ease-out-quart),background-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart);min-height:44px}.btn--md{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base)}.btn--lg{padding:var(--space-md) var(--space-xl);font-size:var(--text-lg)}.btn--primary{background:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--color-accent-strong);color:var(--color-text-on-accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--secondary{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn--secondary:hover{background:var(--color-surface);border-color:var(--color-accent);color:var(--color-text)}.btn--ghost{color:var(--color-accent-strong);padding-inline:var(--space-sm)}.btn--ghost:hover{color:var(--color-accent)}