[data-tds=button]{justify-content:center;align-items:center;gap:var(--tds-button-gap-md);min-block-size:var(--tds-control-height-md);box-sizing:border-box;max-inline-size:100%;padding-inline:var(--tds-control-padding-inline);padding-block:var(--tds-space-1);border-radius:var(--tds-button-radius);font:inherit;font-size:var(--tds-font-size-sm);line-height:var(--tds-line-height-tight);font-weight:var(--tds-button-font-weight);text-align:center;overflow-wrap:anywhere;word-break:normal;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color var(--tds-button-transition), transform var(--tds-button-transition);border:0;display:inline-flex}[data-tds=button][data-size=sm]{min-block-size:var(--tds-control-height-sm);padding-inline:var(--tds-button-padding-inline-sm);padding-block:var(--tds-space-0);gap:var(--tds-button-gap-sm)}[data-tds=button][data-size=lg]{min-block-size:var(--tds-control-height-lg);padding-inline:var(--tds-button-padding-inline-lg);padding-block:var(--tds-space-2);gap:var(--tds-button-gap-lg);font-size:var(--tds-font-size-md)}[data-tds=button] :is(svg,[data-tds=icon]){flex-shrink:0}[data-tds=button] [data-part=label]{min-inline-size:0;max-inline-size:100%;display:inline-block}[data-tds=button][data-truncate=true]{min-inline-size:0}[data-tds=button][data-truncate=true] [data-part=label]{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-inline-size:0;display:block;overflow:hidden}[data-tds=button][data-variant=primary]{background:var(--tds-accent-subtle);color:var(--tds-fg-accent)}[data-tds=button][data-variant=primary]:hover{background:var(--tds-accent-subtle-hover)}[data-tds=button][data-variant=primary]:active{background:var(--tds-accent-subtle-active)}[data-tds=button][data-variant=secondary]{background:var(--tds-surface-hover);color:var(--tds-fg-default)}[data-tds=button][data-variant=secondary]:hover{background:var(--tds-surface-pressed)}[data-tds=button][data-variant=ghost]{color:var(--tds-fg-muted);background:0 0}[data-tds=button][data-variant=ghost]:hover{background:var(--tds-surface-hover);color:var(--tds-fg-default)}[data-tds=button][data-variant=primary][data-tone=danger]{background:var(--tds-action-danger-default);color:var(--tds-action-danger-fg)}[data-tds=button][data-variant=primary][data-tone=danger]:hover{background:var(--tds-action-danger-hover)}[data-tds=button][data-variant=primary][data-tone=danger]:active{background:var(--tds-action-danger-active)}[data-tds=button][data-variant=secondary][data-tone=danger],[data-tds=button][data-variant=ghost][data-tone=danger],[data-tds=button][data-variant=ghost][data-tone=danger]:hover{color:var(--tds-danger-default)}[data-tds=button]:active{transform:scale(var(--tds-button-press-scale))}[data-tds=button]:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}a[data-tds=button],[data-tds=button][href]{box-sizing:border-box;text-decoration:none}[data-tds=button][aria-disabled=true]:not(button),[data-tds=button]:disabled{opacity:var(--tds-button-disabled-opacity);pointer-events:none}[data-tds=button][aria-busy=true]{cursor:progress}@media print{[data-tds=button][data-print=hide]{display:none}}