.button.svelte-12d6elv{padding-block:.8em;padding-inline:1.2em;margin:0;line-height:1;font-weight:600;--button-color: var(--theme-text);border-radius:var(--border-radius);border:none;cursor:pointer;background-color:transparent;color:currentColor;text-align:center;white-space:nowrap;transform:scale(1);transition:transform .1s ease-in-out;font-size:clamp(.8rem,2.5vw,1rem)}.button.svelte-12d6elv:disabled{cursor:not-allowed;opacity:.5}.button.svelte-12d6elv:focus-visible{outline:var(--border-width) solid var(--theme-accent);outline-offset:2px}.button.svelte-12d6elv:hover:not(:disabled){transform:scale(1.05)}.button.svelte-12d6elv:active:not(:disabled){transform:scale(.95)}.button[data-color=danger].svelte-12d6elv{--button-color: var(--theme-error)}.button[data-variant=primary].svelte-12d6elv{color:var(--theme-primary);background-color:var(--button-color)}.button[data-variant=primary].svelte-12d6elv:focus-visible:not(:disabled),.button[data-variant=primary].svelte-12d6elv:hover:not(:disabled){background-color:var(--theme-accent);background-color:color-mix(in oklab,var(--button-color) 80%,var(--theme-primary))}.button[data-variant=secondary].svelte-12d6elv{color:var(--button-color);background-color:transparent;border:2px solid currentColor}.button[data-variant=secondary].svelte-12d6elv:focus-visible:not(:disabled),.button[data-variant=secondary].svelte-12d6elv:hover:not(:disabled){color:var(--theme-accent);color:color-mix(in oklab,var(--button-color) 80%,var(--theme-primary))}
