.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);text-decoration:none}.button svg{fill:var(--button-font-color);height:calc(var(--button-line-height) * 1em)}.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-transform:uppercase}.button:hover{color:var(--button-hover-font-color)}