.button{text-rendering:optimizelegibility;cursor:pointer;white-space:nowrap;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:35px;height:35px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:flex}.button svg{vertical-align:middle;flex-shrink:0;width:20px;height:20px}.button.button--primary{color:#fdfaf3;background:linear-gradient(360deg,#50c9ce,#80d8db);border:none}.button.button--secondary{color:#fdfaf3;background:linear-gradient(360deg,#ffba6d,#ffc687);border:none}.button.button--outline-dark{color:#505050;background-color:#0000;border:2px solid #505050}.button.button--outline-light{color:#fdfaf3;background-color:#0000;border:2px solid #fdfaf3}.button.button--inline-dark{color:#505050;background-color:#0000;border:none;border-radius:10px;padding:8px}.button.button--inline-dark:hover{filter:none;background-color:#e8ddcb;transform:none}.button.button--inline-light{color:#fdfaf3;background-color:#0000;border:none;padding:0}.button:hover{filter:brightness(.98);transform:scale(1.02)}.button:disabled,.button[data-disabled]{cursor:not-allowed;opacity:.6}.button__loading-icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}