.animated-button{background:linear-gradient(-30deg,#2b7dc4 50%,#124a79 0);-webkit-box-shadow:0 20px 50px rgba(0,0,0,.5);box-shadow:0 20px 50px rgba(0,0,0,.5);color:#fff;display:inline-block;font-size:18px;letter-spacing:2.1px;margin:12px;overflow:hidden;padding:20px 35px;text-decoration:none;text-transform:Capitalize;-webkit-transform:translate(0);transform:translate(0)}.animated-button:before{background-color:#8592ad;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;width:100%}.animated-button:hover:before{color:#fff;opacity:.2}.animated-button span{position:absolute}.animated-button span:first-child{-webkit-animation:animateTop 2s linear infinite;animation:animateTop 2s linear infinite;background:-webkit-gradient(linear,right top,left top,from(rgba(8,20,43,0)),to(#2662d9));background:linear-gradient(270deg,rgba(8,20,43,0),#f1c232);height:5px;left:0;top:0;width:100%}@-webkit-keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.animated-button span:nth-child(2){-webkit-animation:animateRight 2s linear -1s infinite;animation:animateRight 2s linear -1s infinite;background:-webkit-gradient(linear,left bottom,left top,from(rgba(8,20,43,0)),to(#2662d9));background:linear-gradient(0deg,rgba(8,20,43,0),#f1c232);height:100%;right:0;top:0;width:5px}@-webkit-keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}to{-webkit-transform:translateY(-100%);transform:translateY(-100%)}}.animated-button span:nth-child(3){-webkit-animation:animateBottom 2s linear infinite;animation:animateBottom 2s linear infinite;background:-webkit-gradient(linear,left top,right top,from(rgba(8,20,43,0)),to(#2662d9));background:linear-gradient(90deg,rgba(8,20,43,0),#f1c232);bottom:0;height:5px;left:0;width:100%}@-webkit-keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.animated-button span:nth-child(4){-webkit-animation:animateLeft 2s linear -1s infinite;animation:animateLeft 2s linear -1s infinite;background:-webkit-gradient(linear,left top,left bottom,from(rgba(8,20,43,0)),to(#2662d9));background:linear-gradient(180deg,rgba(8,20,43,0),#f1c232);height:100%;left:0;top:0;width:5px}@-webkit-keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}@keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(100%);transform:translateY(100%)}}