allCaptcha.css

.CaptchaContainer{position:fixed;left:0;top:0;width:100%;height:100%;display:flex;display:-webkit-flex;align-items:center;justify-content:center;z-index:16777269;}.CloseCaptcha{position:fixed;left:0;top:0;width:100%;height:100%;z-index:16777270;opacity:0.5;background:linear-gradient(#141e30,#435a74);}.Captcha{-webkit-animation:fadelogIn 0.3s;animation:fadelogIn 0.3s;opacity:1;width:300px;padding:20px;background-color:rgba(15,22,32,0.9);box-shadow:0px 15px 25px 0 rgba(0,0,0,0.6);display:flex;display:-webkit-flex;flex-direction:column;align-items:center;justify-content:center;z-index:16777271;}@keyframes fadelogIn{0%{-webkit-transform:translate3d(0,100%,0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);}100%{-webkit-transform:none;transform:none;}}@-webkit-keyframes fadelogIn{0%{-webkit-transform:translate3d(0,100%,0);}100%{-webkit-transform:none;}}.Captcha > h2{padding-bottom:30px;color:white;}.Captcha > input{font-size:20px;text-align:center;margin:20px;height:38px;width:60%;line-height:1.3;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px;}.btn{width:60%;overflow:hidden;position:relative;text-transform:uppercase;height:38px;line-height:38px;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;letter-spacing:2px;border:none;border-radius:2px;}.btn:hover{opacity:0.9;}.btn > span{display:none;position:absolute;}.btn > span:nth-child(1){width:100%;height:4px;background:-webkit-linear-gradient(left,transparent,#03e9f4);left:-100%;top:0px;animation:line1 1s linear infinite;}@keyframes line1{50%,100%{left:100%;}}.btn > span:nth-child(2){width:4px;height:100%;background:-webkit-linear-gradient(top,transparent,#03e9f4);right:0%;top:-100%;animation:line2 1s 0.25s linear infinite;}@keyframes line2{50%,100%{top:100%;}}.btn > span:nth-child(3){width:100%;height:4px;background:-webkit-linear-gradient(left,#03e9f4,transparent);left:100%;bottom:0;animation:line3 1s 0.5s linear infinite;}@keyframes line3{50%,100%{left:-100%;}}.btn > span:nth-child(4){width:4px;height:100%;background:-webkit-linear-gradient(top,#03e9f4,transparent);left:0px;top:100%;animation:line4 1s 0.75s linear infinite;}@keyframes line4{50%,100%{top:-100%;}}