.ds-button{z-index:1;justify-content:center;align-items:center;gap:var(--ds-space-2);font-family:var(--ds-font-heading);font-weight:var(--ds-font-weight-bold);white-space:nowrap;border-radius:var(--ds-radius-md);cursor:pointer;transition:color var(--ds-duration-base) var(--ds-easing), background var(--ds-duration-base) var(--ds-easing), border-color var(--ds-duration-base) var(--ds-easing);border:1px solid #0000;display:inline-flex;position:relative;overflow:hidden}.ds-button__label{z-index:1;position:relative}.ds-button__icon{z-index:1;place-items:center;display:inline-grid;position:relative}.ds-button__icon svg{width:1.15em;height:1.15em;display:block}.ds-button--sm{font-size:var(--ds-font-size-sm);line-height:var(--ds-line-height-sm);padding:var(--ds-space-1) var(--ds-space-3)}.ds-button--md{font-size:var(--ds-font-size-md);line-height:var(--ds-line-height-md);padding:var(--ds-space-2) var(--ds-space-5)}.ds-button--lg{font-size:var(--ds-font-size-lg);line-height:var(--ds-line-height-lg);padding:var(--ds-space-3) var(--ds-space-6)}.ds-button--block{width:100%}.ds-button--icon-only.ds-button--sm{padding:var(--ds-space-1)}.ds-button--icon-only.ds-button--md{padding:var(--ds-space-2)}.ds-button--icon-only.ds-button--lg{padding:var(--ds-space-3)}.ds-button:disabled{opacity:.5;cursor:not-allowed}.ds-button--primary{color:var(--ds-color-text);background:var(--ds-color-bg-container);border-color:var(--ds-color-border)}.ds-button--primary:before,.ds-button--primary:after{content:"";background-color:var(--ds-color-accent);transition:all var(--ds-duration-slow) .1s var(--ds-easing);z-index:0;border-radius:50%;display:block;position:absolute;left:50%}.ds-button--primary:before{opacity:0;width:140%;height:180%;top:100%;transform:translate(-50%)scaleX(1.25)}.ds-button--primary:after{width:160%;height:190%;top:180%;left:55%;transform:translate(-50%)scaleX(1.45)}.ds-button--primary:hover:not(:disabled){color:var(--ds-color-text-inverse);border-color:var(--ds-color-accent)}.ds-button--primary:hover:not(:disabled):before{opacity:1;top:-35%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}.ds-button--primary:hover:not(:disabled):after{top:-45%;transform:translate(-50%)scaleY(1.3)scaleX(.8)}.ds-button--primary:active:not(:disabled){color:var(--ds-color-text-inverse)}.ds-button--secondary{color:var(--ds-color-text-secondary);background:var(--ds-color-bg-container);border-color:var(--ds-color-border)}.ds-button--secondary:hover:not(:disabled){color:var(--ds-color-accent);border-color:color-mix(in srgb, var(--ds-color-accent) 50%, var(--ds-color-border))}.ds-button--secondary:active:not(:disabled){background:color-mix(in srgb, var(--ds-color-accent) 8%, var(--ds-color-bg-container))}.ds-button--link{color:var(--ds-color-accent);background:0 0;border-color:#0000}.ds-button--link:hover:not(:disabled){color:color-mix(in srgb, var(--ds-color-accent) 78%, var(--ds-color-text-heading));text-underline-offset:3px;text-decoration:underline}.ds-button--text{color:var(--ds-color-text-secondary);background:0 0;border-color:#0000}.ds-button--text:hover:not(:disabled){color:var(--ds-color-text-heading);background:var(--ds-color-bg-tag)}.ds-button--loading{cursor:progress}.ds-button__spinner{z-index:1;border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite dsButtonSpin;position:relative}@keyframes dsButtonSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ds-button__spinner{animation-duration:1.2s}.ds-button--primary:before,.ds-button--primary:after{transition-duration:1ms}}