.button{--button-depth:0px;--button-offset:0px;--button-edge-color:transparent;--button-focus:0 0 0 0 transparent;box-sizing:border-box;-webkit-user-select:none;user-select:none;font-family:inherit;font-weight:var(--font-weight-bold);font-size:var(--font-size-normal);white-space:nowrap;box-shadow:0 calc(var(--button-depth) - var(--button-offset)) 0 0 var(--button-edge-color), var(--button-focus);transform:translateY(var(--button-offset));cursor:pointer;border:0 solid #0000;flex-direction:row;justify-content:center;align-items:center;gap:8px;text-decoration:none;transition:transform 80ms ease-out,box-shadow 80ms ease-out;display:inline-flex}.button:focus-visible,.button--focus-visible{--button-focus:var(--focus-box-shadow);outline:0}.button--default,.button--primary,.button--primary-alt,.button--error,.button--error-alt{--button-depth:2px;height:34px;margin-bottom:var(--button-depth);border-width:1px 1px 0;border-radius:4px;padding:0 24px}.button--icon{width:36px;padding:0}.button--default,.button--primary-alt,.button--error-alt{--button-edge-color:var(--color-border-dark);border-color:var(--button-edge-color);background:var(--color-background)}.button--default{color:var(--color-text-light)}.button--primary-alt{color:var(--color-brand)}.button--error-alt{color:var(--color-error)}.button--primary{--button-edge-color:var(--color-brand-dark);color:#fff;background:var(--color-brand)}.button--error{--button-edge-color:var(--color-error-dark);color:#fff;background:var(--color-error)}.button--link{--button-depth:0px;color:var(--color-text);background:0 0;border-width:0}.button--link.button--primary{color:var(--color-brand)}.button--link.button--error{color:var(--color-error)}.button:not(.disabled,:disabled,.button--link):hover{--button-offset:-2px;opacity:1}.button:not(.disabled,:disabled,.button--link):active,.button.button--pressed:not(.disabled,:disabled,.button--link){--button-offset:var(--button-depth);border-bottom-width:1px}.button--link:not(.disabled,:disabled):hover{opacity:.9}.button--link:not(.disabled,:disabled):active{opacity:.8}.button.disabled,.button:disabled{opacity:.4;cursor:default}