button{border:none;outline:none;border-radius:10px;text-align:center;position:relative;overflow:hidden;cursor:pointer}.check-box{width:80px;height:80px;border-radius:40px;position:absolute;top:0;right:-40px;opacity:0}.check-box svg{width:40px;margin:20px}.active{background:green;transition:1s}.active .check-box{right:0;opacity:1;transition:1s}.active p{margin-right:30px;transition:.5s}.active svg path{stroke-dashoffset:0;transition:1s;transition-delay:1s}.invalid-field{border:1px rgba(255,0,0,.295);box-shadow:0 0 7px rgba(255,0,0,.295);transition:.5s}.valid-field{transition:.1s}.shake{animation:shake .15s linear 2;-moz-animation:shake .15s linear 2;-webkit-animation:shake .15s linear 2;-o-animation:shake .15s linear 2}@keyframes shake{0%{transform:translate(3px)}50%{transform:translate(-3px)}to{transform:translate(0)}}@-moz-keyframes shake{0%{-moz-transform:translate(3px)}50%{-moz-transform:translate(-3px)}to{-moz-transform:translate(0)}}@-webkit-keyframes shake{0%{-webkit-transform:translate(3px)}50%{-webkit-transform:translate(-3px)}to{-webkit-transform:translate(0)}}@-ms-keyframes shake{0%{-ms-transform:translate(3px)}50%{-ms-transform:translate(-3px)}to{-ms-transform:translate(0)}}@-o-keyframes shake{0%{-o-transform:translate(3px)}50%{-o-transform:translate(-3px)}to{-o-transform:translate(0)}}