:where(button.btn,a.btn){appearance:none;font:inherit;color:inherit;box-sizing:border-box;background:0 0;border:0;margin:0;padding:0;line-height:1;text-decoration:none}:where(.btn){justify-content:center;align-items:center;gap:var(--sds26-scale-200);border-radius:var(--sds26-border-radius-lg);border:1px solid var(--_btn-border,transparent);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;color:var(--_btn-fg);background:var(--_btn-bg);text-align:center;font:var(--sds26-typography-body-semibold-sm);white-space:nowrap;height:var(--_btn-height,auto);box-sizing:border-box;padding:6px 24px;transition:background-color .12s,color .12s;display:inline-flex}:where(.btn:focus-visible){outline:2px solid var(--sds26-colors-brand-content-default);outline-offset:2px}:where(.btn-block){width:100%}:where(.btn .sds-icon),:where(.btn .loader),:where(.btn .time-icon),:where(.btn .check){vertical-align:middle;font-size:var(--_btn-icon-size,16px);line-height:0;display:inline-block}:where(.btn .time-icon){color:var(--sds26-colors-yellow-content-default)}:where(.loader){animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}:where(.btn-s){--_btn-height:35px;--_btn-icon-size:14px}:where(.btn-m){--_btn-height:40px;--_btn-icon-size:16px}:where(.btn-l){--_btn-height:44px;--_btn-icon-size:18px}:where(.btn[aria-disabled=true]),:where(.btn:disabled){cursor:not-allowed;pointer-events:none;opacity:.5}:where(.btn-primary){--_btn-bg:var(--sds26-colors-brand-content-default);--_btn-fg:var(--sds26-colors-gray-fill-default);--_btn-border:transparent}:where(.btn-primary:hover:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-brand-content-hover)}:where(.btn-primary:active:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-brand-content-pressed)}:where(.btn-secondary){--_btn-bg:var(--sds26-colors-brand-fill-default);--_btn-fg:var(--sds26-colors-brand-content-default);--_btn-border:var(--sds26-colors-brand-border-default)}:where(.btn-secondary:hover:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-brand-fill-hover);--_btn-fg:var(--sds26-colors-brand-content-hover)}:where(.btn-secondary:active:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-brand-fill-pressed);--_btn-fg:var(--sds26-colors-brand-content-pressed)}:where(.btn-tertiary){--_btn-bg:var(--sds26-colors-gray-fill-default);--_btn-fg:var(--sds26-colors-gray-content-default);--_btn-border:#e2e8f0}:where(.btn-tertiary:hover:not([aria-disabled=true]):not(:disabled)){--_btn-bg:#fafafa}:where(.btn-tertiary:active:not([aria-disabled=true]):not(:disabled)){--_btn-bg:#f7f5f5}:where(.btn-danger){--_btn-bg:var(--sds26-colors-red-fill-default);--_btn-fg:var(--sds26-colors-red-content-default);--_btn-border:var(--sds26-colors-red-border-default)}:where(.btn-danger:hover:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-red-fill-hover)}:where(.btn-danger:active:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-red-fill-pressed)}:where(.btn-solid-danger){--_btn-bg:var(--sds26-colors-red-content-default);--_btn-fg:var(--sds26-colors-neutral-white);--_btn-border:var(--sds26-colors-red-content-default)}:where(.btn-solid-danger:hover:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-red-content-hover);--_btn-border:var(--sds26-colors-red-content-hover)}:where(.btn-solid-danger:active:not([aria-disabled=true]):not(:disabled)){--_btn-bg:var(--sds26-colors-red-content-pressed);--_btn-border:var(--sds26-colors-red-content-pressed)}:where(.btn-status-progress){--_btn-bg:var(--sds26-colors-yellow-fill-default);--_btn-fg:var(--sds26-colors-yellow-content-default);--_btn-border:var(--sds26-colors-yellow-border-default)}@media (prefers-reduced-motion:reduce){:where(.btn){transition:none}:where(.loader){animation:none}}
