.ds-button{--ds-btn-h:var(--ds-control-h);--ds-btn-px:var(--ds-space-4);--ds-btn-fs:var(--ds-text-ui);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--ds-space-2);height:var(--ds-btn-h);padding:0 var(--ds-btn-px);border-radius:var(--ds-radius-md);border:1px solid transparent;font-family:var(--ds-font-sans);font-size:var(--ds-btn-fs);font-weight:var(--ds-weight-semibold);line-height:1;letter-spacing:var(--ds-tracking-normal);color:var(--ds-text);background:transparent;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--ds-dur-fast) var(--ds-ease-enter),border-color var(--ds-dur-fast) var(--ds-ease-enter),color var(--ds-dur-fast) var(--ds-ease-enter),box-shadow var(--ds-dur-fast) var(--ds-ease-enter),transform var(--ds-dur-fast) var(--ds-ease-enter)}.ds-button:active:not(:disabled){transform:scale(var(--ds-scale-press));transition-duration:var(--ds-dur-instant)}.ds-button:focus-visible{outline:2px solid var(--ds-focus);outline-offset:var(--ds-focus-offset)}.ds-button:disabled{cursor:not-allowed;opacity:.5}.ds-button--sm{--ds-btn-h:var(--ds-control-h-sm);--ds-btn-px:var(--ds-space-3);--ds-btn-fs:var(--ds-text-sm)}.ds-button--lg{--ds-btn-h:var(--ds-control-h-lg);--ds-btn-px:var(--ds-space-6);--ds-btn-fs:var(--ds-text-base)}.ds-button--icon{width:var(--ds-btn-h);padding:0}.ds-button--full{width:100%}.ds-button__icon{display:inline-flex;width:1.15em;height:1.15em}.ds-button__icon>*{width:100%;height:100%}.ds-button__label{display:inline-flex;align-items:center}.ds-button--icon .ds-button__label>*{width:1.15em;height:1.15em}.ds-button--primary{background:var(--ds-cta);color:var(--ds-cta-fg)}.ds-button--primary:hover:not(:disabled){background:var(--ds-cta-hover)}.ds-button--glass{isolation:isolate;overflow:hidden;background:var(--ds-cta-glass);color:var(--ds-cta-glass-fg);backdrop-filter:blur(var(--ds-glass-blur-cta)) saturate(var(--ds-glass-saturate));box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-shadow-halo)}.ds-button--glass:hover:not(:disabled){background:var(--ds-cta-glass-hover);box-shadow:inset 0 1px 0 var(--ds-glass-highlight),var(--ds-shadow-halo-hover)}.ds-button--glass:before{padding:1px;background:var(--ds-glass-border);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:2}.ds-button--glass:after,.ds-button--glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none}.ds-button--glass:after{background:radial-gradient(140px circle at var(--ds-mx,50%) var(--ds-my,0),var(--ds-specular),transparent 65%);opacity:0;z-index:1;transition:opacity var(--ds-dur-fast) var(--ds-ease-enter)}.ds-button--glass:hover:after{opacity:1}.ds-button--glass>*{position:relative;z-index:3}.ds-button__spinner{width:1em;height:1em;border-radius:var(--ds-radius-full);border-color:currentcolor currentcolor transparent transparent;border-style:solid;border-width:2px;opacity:.9;animation:ds-spin var(--ds-spin-dur) var(--ds-ease-linear) infinite}.ds-button.is-loading .ds-button__icon--left{display:none}.ds-button.is-loading{opacity:.85}@keyframes ds-spin{to{transform:rotate(1turn)}}.ds-button--secondary{background:var(--ds-surface-raised);border-color:var(--ds-border-strong);color:var(--ds-text)}.ds-button--secondary:hover:not(:disabled){background:var(--ds-surface-sunken)}.ds-button--ghost{color:var(--ds-text-muted)}.ds-button--ghost:hover:not(:disabled){background:var(--ds-surface-sunken);color:var(--ds-text)}.ds-button--danger{background:var(--ds-surface-raised);border-color:var(--ds-border-strong);color:var(--ds-danger)}.ds-button--danger:hover:not(:disabled){background:var(--ds-danger-tint);border-color:var(--ds-danger)}@media (prefers-reduced-motion:reduce){.ds-button__spinner{animation:none}.ds-button:active:not(:disabled){transform:none}}