:root{--color-danger-100: oklch(.966797 .0171875 20);--color-danger-200: oklch(.921875 .0421875 20);--color-danger-600: oklch(.626953 .135937 20);--color-danger-700: oklch(.535156 .115625 20);--color-accent-600: oklch(.613281 .135937 260);--color-accent-100: oklch(.964844 .0171875 260);--color-accent-700: oklch(.523438 .115625 260);--color-accent-200: oklch(.917969 .0421875 260);--color-neutral-400: oklch(.789063 0 0);--color-neutral-100: oklch(.964844 0 0)}.button:where(button){appearance:none;background-color:transparent;border:none;color:currentColor;padding:0;text-align:start}.button:where(a){text-decoration:none}.button{align-items:center;border-radius:.35rem;display:inline-flex;justify-content:center;user-select:auto;vertical-align:top;white-space:nowrap}.button{font-weight:500;gap:var(--space-2xs);padding-block:var(--space-3xs);padding-inline:var(--space-xs);vertical-align:middle;background-color:var(--_bg-color);border:1px solid var(--_border-color, var(--_bg-color));&[data-color=danger]{--color-accent-100: var(--color-danger-100);--color-accent-200: var(--color-danger-200);--color-accent-600: var(--color-danger-600);--color-accent-700: var(--color-danger-700)}&:not([data-variant]),&[data-variant=solid]{--outline-color: var(--color-accent-600);--_bg-color: var(--color-accent-600);color:var(--color-accent-100);&:hover{--_bg-color: var(--color-accent-700)}}&[data-variant=soft]{--outline-color: var(--color-accent-100);--_border-color: var(--color-accent-200);--_bg-color: var(--color-accent-100);color:var(--color-accent-600);&:hover{--_bg-color: var(--color-accent-200)}}&[data-variant=outline]{--_border-color: var(--color-neutral-400);&:hover{--_bg-color: var(--color-neutral-100)}}&[data-variant=text]{color:var(--color-accent-600);--_bg-color: transparent;&:hover{--_bg-color: var(--color-accent-100)}}}