@layer components{.button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:background-color var(--duration-fast) ease, border-color var(--duration-fast) ease;border:1px solid #0000;font-weight:600;display:inline-flex}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--color-primary);color:var(--color-primary-text)}.button-primary:hover:not(:disabled){background:var(--color-primary-hover)}.button-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button-secondary:hover:not(:disabled){border-color:var(--color-border-strong)}}