.ui-Button{border-radius:var(--layout-border-radius-medium);cursor:pointer;justify-content:center;align-items:center;gap:var(--button-gap);font:var(--typography-regular-body);padding-left:var(--layout-padding-medium);padding-right:var(--layout-padding-medium);min-height:var(--size-button);transition:var(--transition-link-background-color), var(--transition-link-color);border:none;outline:none;display:inline-flex}.ui-Button[aria-disabled]{pointer-events:none}.ui-Button[aria-disabled]:focus,.ui-Button[data-focus-visible]{outline:var(--layout-border-width-medium) solid var(--surface-color-border-active);outline-offset:var(--outline-offset)}.ui-Button.--icon{justify-content:space-around;align-items:center}.ui-Button.--large{min-height:var(--size-button-large);padding-left:var(--layout-padding-large);padding-right:var(--layout-padding-large);font:var(--typography-regular-h4)}.ui-Button.--icon{padding:unset;height:var(--size-button);width:var(--size-button);min-width:var(--size-button)}.ui-Button.--large.--icon{padding:unset;height:var(--size-button-large);width:var(--size-button-large);min-width:var(--size-button-large)}.ui-Button.--primary{background:var(--surface-color-primary-button-default);color:var(--icons-color-primary-invert)}.ui-Button.--primary[aria-disabled]{background-color:var(--surface-color-primary-button-disabled);color:var(--typography-color-disabled)}.ui-Button.--primary[data-hovered]{background-color:var(--surface-color-primary-button-hover)}.ui-Button.--primary[data-pressed]{background-color:var(--surface-color-primary-button-default)}.ui-Button.--secondary{background-color:var(--surface-color-secondary-button-default);border:var(--layout-border-width-small) solid var(--surface-color-border-dark);color:var(--typography-color-primary)}.ui-Button.--secondary[aria-disabled]{background-color:var(--surface-color-secondary-button-disabled);border-color:var(--surface-color-border-default);color:var(--typography-color-disabled)}.ui-Button.--secondary[data-hovered]{background-color:var(--surface-color-secondary-button-hover)}.ui-Button.--secondary[data-pressed]{background-color:var(--surface-color-secondary-button-default)}.ui-Button.--tertiary{background-color:var(--surface-color-tertiary-button-default);color:var(--theme-primary-blue)}.ui-Button.--tertiary[aria-disabled]{color:var(--typography-color-disabled)}.ui-Button.--tertiary[data-hovered]{text-underline-offset:var(--text-underline-offset-large);text-decoration:underline}.ui-Button.--tertiary[data-pressed]{color:var(--typography-color-link)}.ui-Button.--link{background-color:var(--surface-color-tertiary-button-default);color:var(--typography-color-link);text-underline-offset:var(--text-underline-offset-large);text-decoration:underline}.ui-Button.--link[aria-disabled]{color:var(--typography-color-disabled)}.ui-Button.--link[data-hovered]{color:var(--theme-blue-80)}.ui-Button.--link[data-pressed]{color:var(--typography-color-link)}.ui-Button.--link.--white{color:var(--theme-gray-white)}.ui-Button.--link[aria-disabled].--white{color:var(--theme-gray-70)}.ui-Button.--link[data-hovered].--white{color:var(--theme-gray-40)}.ui-Button.--link[data-pressed].--white{color:var(--theme-gray-white)}.ui-Button.--code{background-color:var(--surface-color-tertiary-button-default);color:var(--typography-color-link);text-underline-offset:var(--text-underline-offset-large);gap:var(--layout-padding-xxsmall);min-height:auto;padding:var(--layout-padding-xxsmall) var(--layout-padding-xsmall);text-decoration:underline}.ui-Button.--code[aria-disabled]{color:var(--typography-color-disabled)}.ui-Button.--code[data-hovered]{background-color:var(--theme-blue-20);color:var(--theme-blue-80)}.ui-Button.--code[data-pressed]{background-color:var(--theme-blue-40);color:var(--typography-color-primary)}.ui-Button.--code .ui-Icon{width:1em;height:1em;transition:var(--transition-link-icon-fill-color);flex-shrink:0}.ui-Button.--glossary{background-color:var(--surface-color-tertiary-button-default);color:var(--typography-color-link);text-underline-offset:var(--text-underline-offset-large);border-radius:0;min-height:auto;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.ui-Button.--glossary[data-hovered]{color:var(--theme-blue-80);background-color:var(--theme-blue-20)}.ui-Button.--glossary[data-pressed]{color:var(--typography-color-primary);background-color:var(--theme-blue-40)}
