.button{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-md);transition:background-color var(--duration-base)var(--ease-standard),color var(--duration-base)var(--ease-standard);border:none;padding:8px 18px}.button:focus-visible{box-shadow:0 0 0 2px var(--focused-border-color)}.button[data-style=primary]{background-color:var(--color-bg-accent);color:var(--color-text-on-accent)}.button[data-style=primary]:hover{background-color:var(--color-button-primary-hover)}.button[data-style=secondary]{background-color:var(--color-bg-accent-soft);color:var(--color-bg-accent)}.button[data-style=secondary]:hover{background-color:var(--color-button-secondary-hover)}.button[data-style=ghost]{color:var(--color-text-primary);background-color:#0000}.button[data-style=ghost]:hover{background-color:var(--color-bg-accent-soft);color:var(--color-bg-accent)}.button[data-style=outline]{border:1px solid var(--color-border-default);background-color:var(--color-bg-surface);color:var(--color-text-primary)}.button[data-style=outline]:hover{background-color:var(--color-bg-surface-muted)}.button[data-style=destructive]{background-color:var(--color-text-danger-strong);color:var(--color-text-on-accent)}.button[data-style=destructive]:hover{background-color:var(--color-text-danger)}