: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{background-color:#2089f2}.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}