.button{justify-content:center;align-items:center;gap:var(--space-2);white-space:nowrap;border-radius:var(--radius-md);padding-inline:var(--space-4);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:var(--leading-none);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart), transform var(--duration-instant) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);border:1px solid #0000;text-decoration:none;display:inline-flex}.button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.button[data-size=sm]{block-size:var(--space-8);min-block-size:var(--tap-target-min);padding-inline:var(--space-3);font-size:var(--text-xs)}.button[data-size=md]{block-size:var(--space-10);min-block-size:var(--tap-target-min);padding-inline:var(--space-4);font-size:var(--text-sm)}.button[data-size=lg]{block-size:var(--space-12);min-block-size:var(--tap-target-min);padding-inline:var(--space-6);font-size:var(--text-base)}.button[data-variant=primary]{background-color:var(--accent);color:var(--text-on-accent);border-color:#0000}@media (hover:hover){.button[data-variant=primary]:hover:not(:disabled){background-color:var(--accent-hover)}}.button[data-variant=primary]:active:not(:disabled){background-color:var(--accent-active);transform:scale(.98)}.button[data-variant=primary]:disabled{background-color:var(--border-strong);color:var(--text-disabled);cursor:not-allowed;pointer-events:none}.button[data-variant=secondary]{background-color:var(--surface-default);color:var(--text-primary);border-color:var(--border-strong)}@media (hover:hover){.button[data-variant=secondary]:hover:not(:disabled){background-color:var(--surface-sunken);border-color:var(--border-strong)}}.button[data-variant=secondary]:active:not(:disabled){background-color:var(--surface-sunken);transform:scale(.98)}.button[data-variant=secondary]:disabled{background-color:var(--surface-sunken);color:var(--text-disabled);border-color:var(--border-subtle);cursor:not-allowed;pointer-events:none}.button[data-variant=ghost]{color:var(--accent-text);background-color:#0000;border-color:#0000}@media (hover:hover){.button[data-variant=ghost]:hover:not(:disabled){background-color:var(--accent-tint)}}.button[data-variant=ghost]:active:not(:disabled){background-color:var(--accent-tint-strong);transform:scale(.98)}.button[data-variant=ghost]:disabled{color:var(--text-disabled);cursor:not-allowed;pointer-events:none}.button[data-loading]{pointer-events:none;opacity:.8}@media (prefers-reduced-motion:reduce){.button:active{transform:none}}