.button{text-transform:none;box-shadow:none;border-radius:4px;align-items:center;padding:10px 42px;transition:background-color .3s;display:flex}.button img[button-icon]{vertical-align:middle;padding-right:12px}.button span[button-text]{font-family:var(--font-noto-sans);vertical-align:middle;font-size:22px;font-weight:500;line-height:42px}.button--stroked{color:#181818;border:1px solid #d6d6d6}.button--stroked:hover{cursor:pointer;color:#5699ff;transition:all .3s ease-out}.button--stroked:active{color:#5699ff}.button--stroked span[button-text]{text-transform:uppercase}.button--raised{color:#3a2607;box-shadow:none;background-color:#ffde4b;border-radius:8px;font-weight:600}.button--raised svg[data-button-moving-arrow]{margin-left:10px;animation:1.7s ease-in-out infinite slide}.button--raised svg[data-button-moving-arrow] path[fill]{fill:#181818}.button--raised:hover{cursor:pointer;transition:all .3s ease-out;box-shadow:0 4px 8px #14276126}.button--raised:active{box-shadow:0 4px 8px #14276140}.button--flat{background-color:#007dff}.button--flat svg[data-button-moving-arrow]{margin-left:10px;animation:1.7s ease-in-out infinite slide}.button--flat:hover{background-color:#6da7ff}.button--flat:active{background-color:#4488ef}.button--light{color:#394557;box-shadow:none;letter-spacing:.6px;background-color:#fdfdfd;border-radius:6px;font-weight:600}.button--light svg[data-button-moving-arrow]{margin-left:10px;animation:1.7s ease-in-out infinite slide}.button--light svg[data-button-moving-arrow] path[fill]{fill:#181818}.button--light:hover{cursor:pointer;background:linear-gradient(#1976d20a,#1976d20a),#fff;transition:all .3s ease-out}.button--black{color:#fff;background-color:#000;border-radius:53px;transition:all .25s}.button--black:hover{background-color:#343434}.button--small{margin:0;padding:4px 18px}.button--small img[button-icon]{max-height:14px;padding-right:8px}.button--small span[button-text]{font-size:16px;font-weight:500;line-height:32px}.button--disable{pointer-events:none;background:#f5f5f5}.button--disable span[button-text]{color:#b2b2b2}@keyframes slide{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@media screen and (max-width:1200px){.button{margin:0;padding:6px 24px}.button img[button-icon]{padding-right:8px}.button span[button-text]{font-size:16px;font-weight:500;line-height:32px}}@media screen and (max-width:480px){.button img[button-icon]{width:24px;height:auto}}