:root{--button-radius:8px;--button-gap:8px;--button-border-width:1.5px;--button-height-sm:32px;--button-height-md:40px;--button-height-lg:48px;--button-padding-sm:12px;--button-padding-md:16px;--button-padding-lg:20px;--button-primary-bg:#0f8f9d;--button-primary-hover:#0c7a86;--button-primary-pressed:#0a646e;--button-accent-bg:#f97316;--button-accent-hover:#ea580c;--button-accent-pressed:#c2410c;--button-on-color:#fff;--button-outline-bg:#fff;--button-outline-border:#c1c7cd;--button-neutral-fg:#42484e;--button-neutral-hover:#f8f9fa;--button-neutral-pressed:#f1f3f5;--button-error-fg:#ef4444;--button-disabled-bg:#f8f9fa;--button-disabled-fg:#99a1aa}.td-button[data-variant][data-size]{--button-bg:var(--button-primary-bg);--button-hover:var(--button-primary-hover);--button-pressed:var(--button-primary-pressed);--button-fg:var(--button-on-color);--button-border:transparent;display:var(--button-display,inline-flex);justify-content:center;align-items:center;gap:var(--button-gap);box-sizing:border-box;height:var(--button-height-md);min-height:var(--button-height-md);padding:0 var(--button-padding-md);border:0 solid var(--button-border);border-radius:var(--button-radius);background:var(--button-bg);color:var(--button-fg);letter-spacing:0;white-space:nowrap;cursor:pointer;box-shadow:none;filter:none;opacity:1;font-family:inherit;font-size:16px;font-weight:500;line-height:20px;text-decoration:none}.td-button[data-variant][data-size=small]{height:var(--button-height-sm);min-height:var(--button-height-sm);padding-inline:var(--button-padding-sm);font-size:14px;line-height:18px}.td-button[data-variant][data-size=large]{height:var(--button-height-lg);min-height:var(--button-height-lg);padding-inline:var(--button-padding-lg);font-size:18px;line-height:24px}.td-button[data-variant=accent][data-size]{--button-bg:var(--button-accent-bg);--button-hover:var(--button-accent-hover);--button-pressed:var(--button-accent-pressed)}.td-button[data-variant=outline][data-size]{--button-bg:var(--button-outline-bg);--button-hover:var(--button-neutral-hover);--button-pressed:var(--button-neutral-pressed);--button-fg:var(--button-neutral-fg);--button-border:var(--button-outline-border);border-width:var(--button-border-width)}.td-button[data-variant=ghost][data-size],.td-button[data-variant=error][data-size]{--button-bg:transparent;--button-hover:var(--button-neutral-hover);--button-pressed:var(--button-neutral-pressed);--button-fg:var(--button-neutral-fg)}.td-button[data-variant=error][data-size]{--button-fg:var(--button-error-fg)}@media (hover:hover){.td-button[data-variant][data-size]:hover{background:var(--button-hover);color:var(--button-fg);filter:none;text-decoration:none}}.td-button[data-variant][data-size]:active{background:var(--button-pressed)}.td-button[data-variant][data-size]:focus-visible{outline:2px solid var(--button-primary-bg);outline-offset:3px}.td-button[data-variant][data-size]:is(:disabled,[aria-disabled=true]){background:var(--button-disabled-bg);color:var(--button-disabled-fg);opacity:1;cursor:not-allowed}.td-button[data-variant=outline][data-size]:is(:disabled,[aria-disabled=true]){border-color:var(--button-disabled-fg)}.td-button[data-variant][data-size][data-icon-only]{width:var(--button-height-md);flex:none;padding:0}.td-button[data-variant][data-size=small][data-icon-only]{width:var(--button-height-sm)}.td-button[data-variant][data-size=large][data-icon-only]{width:var(--button-height-lg)}.td-button>img,.td-button>svg{flex:none}