.ds-button{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm)var(--padding-lg);border-radius:var(--radius-full);font-family:var(--font-paragraph-em-family);font-weight:var(--font-paragraph-em-weight);font-size:var(--font-paragraph-em-size);line-height:var(--font-paragraph-em-line-height);letter-spacing:var(--font-paragraph-em-letter-spacing);text-align:center;cursor:pointer;color:inherit;border:none;text-decoration:none;transition:background-color .2s,border-color .2s,opacity .2s;display:inline-flex;overflow:hidden}.ds-button--compact{padding:var(--padding-xs)var(--padding-sm-md);font-size:var(--font-paragraph-sm-em-size);line-height:var(--font-paragraph-sm-em-line-height);letter-spacing:var(--font-paragraph-sm-em-letter-spacing)}.ds-button--compact .ds-button__icon{width:20px;height:20px;font-size:20px}.ds-button--compact .ds-button__icon svg{width:20px;height:20px}.ds-button--primary{background-color:var(--color-action-primary-bg);border:none}.ds-button--primary .ds-button__text{color:var(--color-action-primary-text)}.ds-button--primary.ds-button--hover{background-color:var(--color-action-primary-bg-hover)}.ds-button--primary.ds-button--hover .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--primary.ds-button--active{background-color:var(--color-action-primary-bg-active)}.ds-button--primary.ds-button--active .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--primary.ds-button--disabled{background-color:var(--color-action-primary-bg);opacity:.4;cursor:not-allowed}.ds-button--secondary{border:var(--border-xs)solid var(--color-action-primary-border);background-color:#0000}.ds-button--secondary .ds-button__text{color:var(--color-text-primary)}.ds-button--secondary.ds-button--default{border:var(--border-xs)solid var(--color-action-primary-border);background-color:#0000}.ds-button--secondary.ds-button--hover{border:var(--border-xs)solid var(--color-action-primary-border);background-color:var(--color-action-primary-bg-hover)}.ds-button--secondary.ds-button--hover .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary.ds-button--active{background-color:var(--color-action-primary-bg-active);border:var(--border-xs)solid var(--color-action-primary-border)}.ds-button--secondary.ds-button--active .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary.ds-button--disabled{border:var(--border-xs)solid var(--color-action-primary-border);opacity:.4;cursor:not-allowed;background-color:#0000}.ds-button--tertiary{background-color:var(--color-action-passive-bg);border:none}.ds-button--tertiary .ds-button__text{color:var(--color-action-passive-text)}.ds-button--tertiary.ds-button--default{background-color:var(--color-action-passive-bg)}.ds-button--tertiary.ds-button--hover{background-color:var(--color-action-passive-bg-hover)}.ds-button--tertiary.ds-button--active{background-color:var(--color-action-passive-bg-active)}.ds-button--tertiary.ds-button--disabled{background-color:var(--color-action-passive-bg);opacity:.4;cursor:not-allowed}.ds-button--destructive{border:var(--border-xs)solid var(--color-core-accent-red);background-color:#0000}.ds-button--destructive .ds-button__text{color:var(--color-core-accent-red)}.ds-button--destructive.ds-button--default{border:var(--border-xs)solid var(--color-core-accent-red);background-color:#0000}.ds-button--destructive.ds-button--hover{border:var(--border-xs)solid var(--color-core-accent-red);background-color:var(--color-core-accent-red)}.ds-button--destructive.ds-button--hover .ds-button__text{color:var(--color-status-error-bg)}.ds-button--destructive.ds-button--active{border:var(--border-xs)solid var(--color-core-accent-red);background-color:var(--color-core-accent-red)}.ds-button--destructive.ds-button--active .ds-button__text{color:var(--color-status-error-bg)}.ds-button--destructive.ds-button--disabled{border:var(--border-xs)solid var(--color-core-accent-red);opacity:.4;cursor:not-allowed;background-color:#0000}.ds-button__icon{flex-shrink:0;width:24px;height:24px;font-size:24px;line-height:1}.ds-button__icon svg{width:24px;height:24px}.ds-button--primary .ds-button__icon{color:var(--color-action-primary-text)}.ds-button--primary.ds-button--active .ds-button__icon,.ds-button--primary.ds-button--hover .ds-button__icon{color:var(--color-action-primary-text-active)}.ds-button--secondary .ds-button__icon{color:var(--color-action-icon-default)}.ds-button--secondary.ds-button--active .ds-button__icon,.ds-button--secondary.ds-button--hover .ds-button__icon{color:var(--color-action-icon-active)}.ds-button--tertiary .ds-button__icon{color:var(--color-icon-primary)}.ds-button--destructive .ds-button__icon{color:var(--color-core-accent-red)}.ds-button--destructive.ds-button--hover .ds-button__icon,.ds-button--destructive.ds-button--active .ds-button__icon{color:var(--color-status-error-bg)}.ds-button__text{flex-shrink:0}.ds-button--primary:not(.ds-button--disabled):hover{background-color:var(--color-action-primary-bg-hover)}.ds-button--primary:not(.ds-button--disabled):hover .ds-button__text,.ds-button--primary:not(.ds-button--disabled):hover .ds-button__icon{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):hover{background-color:var(--color-action-primary-bg-hover)}.ds-button--secondary:not(.ds-button--disabled):hover .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):hover .ds-button__icon{color:var(--color-action-icon-active)}.ds-button--tertiary:not(.ds-button--disabled):hover{background-color:var(--color-action-passive-bg-hover)}.ds-button--destructive:not(.ds-button--disabled):hover{background-color:var(--color-core-accent-red)}.ds-button--destructive:not(.ds-button--disabled):hover .ds-button__text,.ds-button--destructive:not(.ds-button--disabled):hover .ds-button__icon{color:var(--color-status-error-bg)}.ds-button--primary:not(.ds-button--disabled):active{background-color:var(--color-action-primary-bg-active)}.ds-button--primary:not(.ds-button--disabled):active .ds-button__text,.ds-button--primary:not(.ds-button--disabled):active .ds-button__icon{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):active{background-color:var(--color-action-primary-bg-active)}.ds-button--secondary:not(.ds-button--disabled):active .ds-button__text{color:var(--color-action-primary-text-active)}.ds-button--secondary:not(.ds-button--disabled):active .ds-button__icon{color:var(--color-action-icon-active)}.ds-button--tertiary:not(.ds-button--disabled):active{background-color:var(--color-action-passive-bg-active)}.ds-button--destructive:not(.ds-button--disabled):active{background-color:var(--color-core-accent-red)}.ds-button--destructive:not(.ds-button--disabled):active .ds-button__text,.ds-button--destructive:not(.ds-button--disabled):active .ds-button__icon{color:var(--color-status-error-bg)}.ds-button:focus-visible{outline:2px solid var(--color-action-primary-bg);outline-offset:2px}