.button{display:flex;align-items:center;justify-content:center;column-gap:8px;padding:8px 16px;border-radius:16px;background-color:rgba(0,0,0,0);border:none;transition:background-color .3s ease-in-out,color .3s ease-in-out,border-color .3s ease-in-out,opacity .3s ease-in-out;font-size:.875rem;position:relative;cursor:pointer}.button *{pointer-events:none}.button:first-letter{text-transform:uppercase}.button.neutral{color:#fff;background-color:#e07a5f;box-shadow:0 0 2px 0 hsla(0,0%,100%,.05),0 4px 12px rgba(0,0,0,.15)}.button.neutral:hover{background-color:hsl(12.5581395349,67.5392670157%,70.5490196078%)}.button.neutral:active{background-color:hsl(12.5581395349,67.5392670157%,65.5490196078%)}.button.neutral .button-icon{color:#fff}.button.neutral .button-loader{border-top-color:#fff}.button.neutral.edge{color:#e7e5e5;border:1px solid rgba(231,229,229,.3);background-color:rgba(0,0,0,0);box-shadow:none}.button.neutral.edge .button-icon{transition:color .3s ease-in-out;color:#e7e5e5}.button.neutral.edge:hover{background-color:hsla(12.5581395349,67.5392670157%,70.5490196078%,.1)}.button.neutral.edge:hover .button-icon{color:#e07a5f}.button.neutral.edge:active{background-color:hsla(12.5581395349,67.5392670157%,65.5490196078%,.3)}.button.neutral.edge .button-loader{border-top-color:#e07a5f}.button.neutral.text{color:#e07a5f;border:none;transition:opacity .3s ease-in-out;background-color:rgba(0,0,0,0);box-shadow:none;font-size:.875rem;padding:6px 12px}.button.neutral.text .button-icon{color:#e07a5f}.button.neutral.text:hover{opacity:.5}.button.valid{color:#e7e5e5;background:linear-gradient(135deg,#5fe0af,rgb(35.219895288,181.780104712,126.109947644),#5fe0af);background-size:200% 200%;transition:background-position 1s ease}.button.valid:hover{background-position:100%}.button.valid:active{background-position:0}.button.valid .button-icon{color:#fff}.button.valid .button-loader{border-top-color:#fff}.button.valid.edge{color:#e7e5e5;border:1px solid rgba(231,229,229,.3);background-color:rgba(0,0,0,0);box-shadow:none}.button.valid.edge .button-icon{transition:color .3s ease-in-out;color:#e7e5e5}.button.valid.edge:hover{background-color:rgba(129.1780104712,230.6219895288,192.0890052356,.1)}.button.valid.edge:hover .button-icon{color:#5fe0af}.button.valid.edge:active{background-color:rgba(107.8167539267,226.4832460733,181.4083769634,.3)}.button.valid.edge .button-loader{border-top-color:#5fe0af}.button.valid.text{color:#5fe0af;border:none;transition:opacity .3s ease-in-out;background:none;box-shadow:none;font-size:.875rem;padding:6px 12px}.button.valid.text .button-icon{color:#5fe0af}.button.valid.text:hover{background:none;opacity:.5}.button.disabled{opacity:.5;background:#b7b7b7;cursor:not-allowed}.button.disabled,.button.disabled .button-icon{color:#e7e5e5!important}.button.disabled:hover{background:#b7b7b7!important}.button.disabled:hover.text{background:rgba(0,0,0,0)!important}.button.disabled:hover.edge{background-color:rgba(0,0,0,0)!important}.button.disabled:hover .button-icon{color:#e7e5e5!important}.withLeftIcon .button-icon,.withRightIcon .button-icon{height:20px}.button-loader{position:absolute;top:50%;left:50%;border:2px solid #e7e5e5;border-top-color:#e07a5f;border-radius:50%;width:20px;height:20px;animation:spin 1s linear infinite}.button-icon{height:24px;width:24px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}