.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;outline:0;position:relative;font-family:var(--buttons-font-family);font-size:var(--buttons-font-size);font-weight:var(--buttons-font-weight);padding:var(--buttons-space-vertical) var(--buttons-space-horizontal);border-radius:var(--buttons-radius);border:1px solid transparent;transform:translateY(0);line-height:1;user-select:none;-webkit-user-select:none}.button:hover:not(:disabled){transform:translateY(var(--buttons-hover-translate));text-decoration:none}.button:disabled{opacity:.6;cursor:not-allowed}.button--full-width{width:100%}.button svg{width:1em;height:1em;fill:currentColor;color:currentColor;flex-shrink:0}.button span+svg,.button svg+span{margin-left:.5em}.button.loading{pointer-events:none;opacity:.7}.button.loading::after{content:'';position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:1s infinite button-loading-spinner}@keyframes button-loading-spinner{from{transform:rotate(0turn)}to{transform:rotate(1turn)}}