.button{display:inline-flex;align-items:center;justify-content:center;appearance:none;cursor:pointer;padding:var(--button-padding);border:var(--button-border-width) var(--button-border-style) var(--button-border-color);margin:var(--button-margin);background:var(--button-background);color:var(--button-font-color);border-radius:var(--button-border-radius);outline:var(--button-outline-width) var(--button-outline-style) var(--button-outline-color);outline-offset:var(--button-outline-offset);line-height:var(--button-line-height);font-size:var(--button-font-size);font-family:var(--button-font-family);font-weight:var(--button-font-weight);-webkit-text-decoration:none;text-decoration:none}.button[aria-disabled=true]{opacity:var(--disabled-form-element-opacity);cursor:not-allowed}.button:hover:not([aria-disabled=true]){--button-font-color: var(--button-hover-font-color);--button-background: var(--button-hover-background);--button-border-color: var(--button-hover-border-color);--button-outline-width: var(--button-hover-outline-width);--button-outline-color: var(--button-hover-outline-color);--button-outline-offset: var(--button-hover-outline-offset)}.button:focus-visible{--button-font-color: var(--button-focus-font-color);--button-background: var(--button-focus-background);--button-border-color: var(--button-focus-border-color);--button-outline-width: var(--button-focus-outline-width);--button-outline-color: var(--button-focus-outline-color);--button-outline-offset: var(--button-focus-outline-offset)}.button--primary{--button-font-color: var(--button-primary-font-color);--button-background: var(--button-primary-background);--button-border-color: var(--button-primary-border-color);--button-outline-width: var(--button-primary-outline-width);--button-outline-color: var(--button-primary-outline-color);--button-outline-offset: var(--button-primary-outline-offset)}.button--primary:focus-visible,.button--primary:hover:not([aria-disabled=true]):focus-visible{--button-font-color: var(--button-primary-focus-font-color);--button-background: var(--button-primary-focus-background);--button-border-color: var(--button-primary-focus-border-color);--button-outline-width: var(--button-primary-focus-outline-width);--button-outline-color: var(--button-primary-focus-outline-color);--button-outline-offset: var(--button-primary-focus-outline-offset)}.button--primary:hover:not([aria-disabled=true]){--button-font-color: var(--button-primary-hover-font-color);--button-background: var(--button-primary-hover-background);--button-border-color: var(--button-primary-hover-border-color);--button-outline-width: var(--button-primary-hover-outline-width);--button-outline-color: var(--button-primary-hover-outline-color);--button-outline-offset: var(--button-primary-hover-outline-offset)}.button--block{--button-margin: 0 0 var(--spacing-1) 0;display:flex}.button{text-align:left}.button svg{fill:var(--button-font-color);height:calc(var(--button-line-height) * 1em)}.button--small{--button-font-size: var(--font-size-sm);--button-padding: 0 var(--spacing-0\.5)}.button--secondary{font-family:var(--font-family);font-weight:400;--button-background: var(--color-background-alt);--button-font-color: var(--color-black)}.button--secondary:focus-visible,.button--secondary:hover:not([aria-disabled=true]):focus-visible{--button-background: var(--color-background-alt);--button-font-color: var(--color-red)}.button--secondary:hover:not([aria-disabled=true]){--button-font-color: var(--button-primary-hover-font-color);--button-background: var(--button-primary-hover-background);--button-border-color: var(--button-primary-hover-border-color);--button-outline-width: var(--button-primary-hover-outline-width);--button-outline-color: var(--button-primary-hover-outline-color);--button-outline-offset: var(--button-primary-hover-outline-offset)}.button--sans{font-family:var(--font-family)}button.button:focus-visible{outline:var(--button-outline-width) var(--button-outline-style) var(--button-outline-color);outline-offset:var(--button-outline-offset)}button[aria-disabled=true]{opacity:var(--disabled-form-element-opacity);cursor:not-allowed}