:root{--content-padding:30px}@media(max-width:400px){:root{--content-padding:15px}}.button{display:flex;align-items:center;justify-content:center;flex-shrink:0;gap:10px;border:none;border-radius:4px;outline:none;cursor:pointer}.button svg{width:auto;height:16px}.button--variant-primary{background-color:#0058f0;color:#fff;transition:background-color .2s ease}.button--variant-primary:hover:not(:disabled){background-color:#2089f2}.button--variant-primary:disabled{background-color:#4c5668;cursor:default}.button--variant-secondary{background-color:rgba(0,0,0,0);color:#cad1d7;border:1px solid hsla(0,0%,100%,.25);transition:color .2s ease,border-color .2s ease}.button--variant-secondary:hover{color:#fff;border-color:hsla(0,0%,100%,.5)}.button--size-small{padding:14px;height:40px}.button--size-medium{padding:19px;height:50px}.button--size-large{padding:24px;height:60px}.button .button__spinner{display:inline-block;width:24px;height:24px;color:#1e2b40;animation:button-spinner-animation 1.4s linear 0s infinite normal none running}.button .button__spinner svg{width:100%;height:100%}.button .button__spinner svg circle{animation:button-spinner-circle-animation 1.4s ease-in-out 0s infinite normal none running}@keyframes button-spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes button-spinner-circle-animation{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:1px,200px;stroke-dashoffset:-126px}}