.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--es-component-button-gap);min-height:var(--es-component-button-height);padding:var(--es-component-button-padding-block) var(--es-component-button-padding-inline);color:var(--es-component-button-text);font-family:var(--es-component-button-font-family);font-size:var(--es-component-button-font-size);font-weight:var(--es-component-button-font-weight);line-height:var(--es-component-button-line-height);letter-spacing:var(--es-component-button-letter-spacing);text-align:center;text-decoration:none;white-space:nowrap;cursor:pointer;background:var(--es-component-button-background);border:var(--es-component-button-border-width) solid var(--es-component-button-border-color);border-radius:var(--es-component-button-radius);transition:color var(--es-component-button-transition-duration) ease,background-color var(--es-component-button-transition-duration) ease,border-color var(--es-component-button-transition-duration) ease}.button-variant-primary{--es-component-button-background: var(--es-component-button-primary-background);--es-component-button-border-color: var(--es-component-button-primary-border-color);--es-component-button-text: var(--es-component-button-primary-text)}.button-variant-secondary{--es-component-button-background: var(--es-component-button-secondary-background);--es-component-button-border-color: var(--es-component-button-secondary-border-color);--es-component-button-text: var(--es-component-button-secondary-text)}.button-variant-outline{--es-component-button-background: var(--es-component-button-outline-background);--es-component-button-border-color: var(--es-component-button-outline-border-color);--es-component-button-text: var(--es-component-button-outline-text)}.button-size-sm{--es-component-button-height: var(--es-component-button-height-sm);--es-component-button-padding-block: var(--es-component-button-padding-block-sm);--es-component-button-padding-inline: var(--es-component-button-padding-inline-sm);--es-component-button-font-size: var(--es-component-button-font-size-sm);--es-component-button-icon-size: var(--es-component-button-icon-size-sm)}.button-size-md{--es-component-button-height: var(--es-component-button-height-md);--es-component-button-padding-block: var(--es-component-button-padding-block-md);--es-component-button-padding-inline: var(--es-component-button-padding-inline-md);--es-component-button-font-size: var(--es-component-button-font-size-md);--es-component-button-icon-size: var(--es-component-button-icon-size-md)}.button-size-lg{--es-component-button-height: var(--es-component-button-height-lg);--es-component-button-padding-block: var(--es-component-button-padding-block-lg);--es-component-button-padding-inline: var(--es-component-button-padding-inline-lg);--es-component-button-font-size: var(--es-component-button-font-size-lg);--es-component-button-icon-size: var(--es-component-button-icon-size-lg)}.button-variant-primary:hover,.button-variant-primary:focus-visible{--es-component-button-background: var(--es-component-button-primary-background-hovered);--es-component-button-border-color: var(--es-component-button-primary-border-color-hovered);--es-component-button-text: var(--es-component-button-primary-text-hovered)}.button-variant-secondary:hover,.button-variant-secondary:focus-visible{--es-component-button-background: var(--es-component-button-secondary-background-hovered);--es-component-button-border-color: var(--es-component-button-secondary-border-color-hovered);--es-component-button-text: var(--es-component-button-secondary-text-hovered)}.button-variant-outline:hover,.button-variant-outline:focus-visible{--es-component-button-background: var(--es-component-button-outline-background-hovered);--es-component-button-border-color: var(--es-component-button-outline-border-color-hovered);--es-component-button-text: var(--es-component-button-outline-text-hovered)}.button:focus-visible{outline:var(--es-component-button-focus-ring-width) solid var(--es-component-button-focus-ring-color);outline-offset:var(--es-component-button-focus-ring-offset)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:var(--es-component-button-opacity-disabled)}.button__label{min-width:var(--es-component-button-label-min-width)}.button__icon{flex:0 0 auto;width:var(--es-component-button-icon-size);height:var(--es-component-button-icon-size);stroke:currentColor;stroke-width:var(--es-component-button-icon-stroke-width);stroke-linecap:round;stroke-linejoin:round;fill:none}@media(max-width:64rem){.button{white-space:normal}}