.button{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);border:2px solid transparent;align-items:center;gap:.5rem;padding:8px 18px;font-size:1rem;display:inline-flex}.button:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-focus-ring) 35%, transparent);outline:none}.button:disabled{background-color:var(--color-btn-disabled-bg);color:var(--color-btn-disabled-text);cursor:not-allowed;pointer-events:none;border-color:transparent}.button[data-style=primary]{background-color:var(--color-btn-primary-bg);color:var(--color-btn-primary-text)}.button[data-style=primary]:hover:not(:disabled){background-color:var(--color-btn-primary-hover)}.button[data-style=secondary]{background-color:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);border-color:var(--color-btn-secondary-border)}.button[data-style=secondary]:hover:not(:disabled){background-color:var(--color-surface-tonal)}.button[data-style=ghost]{color:var(--color-btn-ghost-text);background-color:transparent}.button[data-style=ghost]:hover:not(:disabled){background-color:var(--color-btn-ghost-hover-bg);color:var(--color-text-primary)}.button[data-style=outline]{background-color:var(--color-btn-outlined-bg);color:var(--color-btn-outlined-text);border-color:var(--color-btn-outlined-border)}.button[data-style=outline]:hover:not(:disabled){background-color:var(--color-surface-tonal)}.button[data-style=destructive]{background-color:var(--color-btn-destructive-bg);color:var(--color-btn-destructive-text)}.button[data-style=destructive]:hover:not(:disabled){background-color:var(--color-btn-destructive-hover)}