.button{border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);align-items:center;gap:var(--space-2);letter-spacing:var(--tracking-tight);padding:var(--space-3) var(--space-7);text-wrap:nowrap;border:1px solid #0000;justify-content:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.button[data-focus-visible]{outline:1px solid var(--color-text-primary);outline-offset:2px}.button--default{background-color:var(--color-primary);color:var(--color-text-primary)}@media (hover:hover) and (update:fast){.button--default{transition:filter .2s,background-color .25s}.button--default:hover{filter:brightness(1.15)}}.button--inactive{background:var(--color-bg-surface);border-color:var(--color-border);color:var(--color-text-secondary);transition:border-color .2s,color .2s}.button--inactive:hover{border-color:var(--color-primary);color:var(--color-text-primary)}.button--pill{background:var(--color-bg-elevated);border-color:var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);transition:background-color .2s,color .2s}.button--pill:hover{background:var(--color-bg-overlay);color:var(--color-text-primary)}.button--unstyled{color:inherit;cursor:pointer;text-transform:none;background:0 0;border:none;border-radius:0;padding:0;display:block;overflow:visible}.button--unstyled[data-focus-visible]{outline:1px solid var(--color-text-primary);outline-offset:2px}.button--lg{font-size:var(--font-size-md);gap:var(--space-3);padding:var(--space-5) var(--space-9)}.button--icon{height:var(--space-10);min-height:var(--space-8);min-width:var(--space-8);width:var(--space-10);padding:0}