:where([data-slot=button]){white-space:nowrap;border-radius:var(--button-radius);cursor:pointer;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;line-height:1.25rem;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:inline-flex}:where([data-slot=button]):disabled{pointer-events:none;opacity:.5}:where([data-slot=button]) svg{pointer-events:none;flex-shrink:0;width:1rem;height:1rem}:where([data-slot=button]):focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in srgb, var(--ring) 50%, transparent)}:where([data-slot=button])[aria-invalid=true]{box-shadow:var(--ds-shadow-invalid);border-color:var(--ds-destructive)}:where([data-slot=button])[data-variant=default]{--primary:var(--button-background-base);background-color:var(--primary);color:#fff}:where([data-slot=button])[data-variant=default]:hover{background-color:var(--button-background-hover)}:where([data-slot=button])[data-variant=default]:active{background-color:var(--button-background-active)}:where([data-slot=button])[data-variant=destructive]{background-color:var(--ds-destructive-bg);color:#fff}:where([data-slot=button])[data-variant=destructive]:hover{background-color:color-mix(in srgb, var(--ds-destructive) 90%, transparent)}:where([data-slot=button])[data-variant=destructive]:focus-visible{box-shadow:var(--ds-shadow-invalid)}:where([data-slot=button])[data-variant=destructive-outline]{border:1px solid var(--ds-destructive);color:var(--ds-destructive);background-color:#0000}:where([data-slot=button])[data-variant=destructive-outline]:hover{background-color:color-mix(in srgb, var(--ds-destructive) 50%, transparent)}:where([data-slot=button])[data-variant=destructive-outline]:focus-visible{box-shadow:var(--ds-shadow-invalid)}:where([data-slot=button])[data-variant=outline]{border:1px solid var(--ds-border-input);background-color:var(--ds-background-default);color:var(--ds-text-default)}:where([data-slot=button])[data-variant=outline]:hover{background-color:var(--ds-background-default-hovered)}:where([data-slot=button])[data-variant=secondary]{--primary:var(--ds-tile-bg);background-color:var(--primary);color:var(--ds-text-default)}:where([data-slot=button])[data-variant=secondary]:hover{background-color:color-mix(in srgb, var(--primary) 60%, transparent)}:where([data-slot=button])[data-variant=tertiary]{--primary:var(--ds-background-inverted);background-color:var(--primary);color:var(--ds-text-inverted)}:where([data-slot=button])[data-variant=tertiary]:hover{background-color:color-mix(in srgb, var(--primary) 80%, transparent)}:where([data-slot=button])[data-variant=ghost]{--primary:var(--ds-tile-bg);background:0 0;border:none}:where([data-slot=button])[data-variant=ghost]:hover{background:var(--primary)}:where([data-slot=button])[data-variant=link]{color:var(--primary);text-underline-offset:4px;background:0 0;border:none}:where([data-slot=button])[data-variant=link]:hover{text-decoration:underline}:where([data-slot=button])[data-size=default]{height:1.9rem;padding:.5rem 1.2rem}:is(:where([data-slot=button])[data-size=default]:has(>svg),:where([data-slot=button])[data-size=default]:has(>i)){padding-inline:.75rem}:where([data-slot=button])[data-size=sm]{gap:.375rem;height:1.9rem;padding-inline:.65rem}:is(:where([data-slot=button])[data-size=sm]:has(>svg),:where([data-slot=button])[data-size=sm]:has(>i)){padding-inline:.525rem}:where([data-slot=button])[data-size=lg]{height:2.5rem;padding-inline:1.5rem}:is(:where([data-slot=button])[data-size=lg]:has(>svg),:where([data-slot=button])[data-size=lg]:has(>i)){padding-inline:1rem}:where([data-slot=button])[data-size=icon]{border-radius:50%;width:1.8rem;height:1.8rem;padding:0}:where([data-slot=button])[data-size=icon-sm]{width:2rem;height:2rem;padding:0}:where([data-slot=button])[data-size=icon-lg]{width:2.5rem;height:2.5rem;padding:0}