@keyframes loading{0%{cy:10}25%{cy:3}50%{cy:10}}:root{--dr:200ms}.animated-button:before{background:#1f2335;border-radius:50px;box-shadow:inset 0 2px 5px rgba(0,0,0,.4);content:"";display:block;margin:0 auto;transition:width .2s cubic-bezier(.39,1.86,.64,1) .3s;width:100%}.animated-button.ready .submitMessage svg{opacity:1;top:1px;transition:top .4s ease .6s,opacity .3s linear .6s}.animated-button.ready .submitMessage .button-text span{top:0;opacity:1;transition:all .2s ease calc(var(--dr) + .6s)}.animated-button.loading:before{transition:width .3s ease;width:80%}.animated-button.loading .loadingMessage{opacity:1}.animated-button.loading .loadingCircle{animation-duration:1s;animation-iteration-count:infinite;animation-name:loading;cy:10}.animated-button.complete .submitMessage svg{top:-30px;transition:none}.animated-button.complete .submitMessage .button-text span{top:-8px;transition:none}.animated-button.complete .loadingMessage{top:80px}.animated-button.complete .successMessage .button-text span{left:0;opacity:1;transition:all .2s ease calc(var(--d) + 1s)}.animated-button.complete .successMessage svg{stroke-dashoffset:0;transition:stroke-dashoffset .3s ease-in-out 1.4s}.button-text span{opacity:0;position:relative}.message.visible{display:flex}.message{display:none;justify-content:center;align-items:center;left:50%;width:100%}.message svg{display:inline-flex;fill:none;margin-right:5px;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.submitMessage .button-text span{top:8px;transition:all .2s ease var(--d)}.submitMessage svg{color:#fff;margin-left:-1px;opacity:0;position:relative;top:30px;transition:top .4s ease,opacity .3s linear;width:14px}.loadingMessage{opacity:0;transition:opacity .3s linear .3s,top .4s cubic-bezier(.22,0,.41,-.57)}.loadingMessage svg{fill:#fff;margin:0;width:22px}.successMessage .button-text span{left:5px;transition:all .2s ease var(--dr)}.successMessage svg{color:#5cffa1;stroke-dasharray:20;stroke-dashoffset:20;transition:stroke-dashoffset .3s ease-in-out;width:14px}.loadingCircle:nth-child(2){animation-delay:.1s}.loadingCircle:nth-child(3){animation-delay:.2s}