@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(2turn)}}.spinning-button-wrapper{display:flex;align-items:center;justify-content:center;flex-direction:column}.spin{border-radius:6px;width:100%;letter-spacing:2.2px;box-sizing:border-box;line-height:1.4;font-size:18px;position:relative;padding:0;min-width:120px;height:42px;background-color:#ec7a5c;cursor:pointer;overflow:hidden;border:2px solid #ec7a5c;color:white;transition:all .2s ease-in-out}.spin span{display:flex;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .2s ease-in-out}.spin .spinning-check,.spin .spinning-x{position:absolute;top:0;left:0;opacity:0}.spin svg{height:30px}.spin svg,.spin:hover{opacity:.84}.spin.done,.spin.fail,.spin.processing{pointer-events:none;cursor:default;outline:0}.spin.processing{min-width:42px;width:120;background-color:transparent;border-radius:25px}.spin.done{opacity:.84}.spin.done svg{fill:white}.spin.fail{background-color:#ec7a5c;border:2px solid #ec7a5c}.spin.fail svg{fill:white}.spin.processing{width:42px;border-width:4px;border-right-color:#bbb;border-bottom-color:#bbb;animation:spin;animation-delay:.2s;animation-duration:2s;animation-timing-function:ease-in-out;animation-iteration-count:15}.spin.processing:hover{background-color:transparent}.spin.done .spinning-senden,.spin.fail .spinning-senden,.spin.processing .spinning-senden{opacity:0}.spin.done .spinning-check,.spin.fail .spinning-x{opacity:1}.fail-text,.success-text{font-size:14px;margin-top:20px;border-left:2px solid #ec7a5c;margin-left:10px;padding-left:20px;line-height:1.4}