.ds-button{--button-text:var(--color-button-primary-text);--button-background:var(--color-button-primary-background);--button-border:var(--color-button-primary-border);justify-content:center;align-items:center;gap:var(--size-0-5);border:var(--border-width-main) solid var(--button-border);border-radius:var(--radius-round);min-width:max-content;color:var(--button-text);background:var(--button-background);font-weight:var(--font-weight-primary-regular);line-height:var(--line-height-text-small);cursor:pointer;transition:color .12s,background-color .12s,border-color .12s;display:inline-flex}.ds-button--secondary{--button-text:var(--color-button-secondary-text);--button-background:var(--color-button-secondary-background);--button-border:var(--color-button-secondary-border)}.ds-button--sm{font-size:var(--font-size-text-small);padding:.5625rem 1.125rem}.ds-button--md{font-size:var(--font-size-text-small);padding:.6875rem 1.25rem}.ds-button--lg{gap:var(--size-0-75);font-size:var(--font-size-text-main);padding:.9375rem 1.75rem}.ds-button:hover:not(:disabled){--button-text:var(--color-button-primary-text-hover);--button-background:var(--color-button-primary-background-hover);--button-border:var(--color-button-primary-border-hover)}.ds-button--secondary:hover:not(:disabled){--button-text:var(--color-button-secondary-text-hover);--button-background:var(--color-button-secondary-background-hover);--button-border:var(--color-button-secondary-border-hover)}.ds-button:focus-visible{outline:var(--size-0-125) solid var(--color-focus-ring);outline-offset:var(--size-0-125)}.ds-button:active:not(:disabled){transform:translateY(1px)}.ds-button:disabled{--button-text:var(--color-button-primary-text-disabled);--button-background:var(--color-button-primary-background-disabled);--button-border:var(--color-button-primary-border-disabled);cursor:not-allowed}.ds-button--secondary:disabled{--button-text:var(--color-button-secondary-text-disabled);--button-background:var(--color-button-secondary-background-disabled);--button-border:var(--color-button-secondary-border-disabled)}.ds-button__icon{justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}