.font-principal{font-family:'commuters-sans',sans-serif}.animated-button{background:#6d1636;padding:20px 70px;margin:12px;display:inline-block;-webkit-transform:translate(0%,0%);transform:translate(0%,0%);overflow:hidden;color:#fff;font-size:17px;letter-spacing:2.5px;text-align:center;text-transform:uppercase;text-decoration:none;-webkit-box-shadow:0 20px 50px rgba(0,0,0,0.5);box-shadow:0 20px 50px rgba(0,0,0,0.5)}.animated-button::before{content:'';position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:#6d1636;opacity:0;-webkit-transition:.2s opacity ease-in-out;transition:.2s opacity ease-in-out}.animated-button:hover::before{opacity:0.2}.animated-button span{position:absolute}.animated-button span:nth-child(1){top:0px;left:0px;width:100%;height:2px;background:-webkit-gradient(linear,right top,left top,from(rgba(8,20,43,0)),to(#fff));background:linear-gradient(to left,rgba(8,20,43,0),#fff);-webkit-animation:2s animateTop linear infinite;animation:2s animateTop linear infinite}@-webkit-keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}@keyframes animateTop{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}.animated-button span:nth-child(2){top:0px;right:0px;height:100%;width:3px;background:-webkit-gradient(linear,left bottom,left top,from(rgba(8,20,43,0)),to(#fff));background:linear-gradient(to top,rgba(8,20,43,0),#fff);-webkit-animation:2s animateRight linear -1s infinite;animation:2s animateRight linear -1s infinite}@-webkit-keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%);border-radius:10px}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);border-radius:10px}}@keyframes animateRight{0%{-webkit-transform:translateY(100%);transform:translateY(100%);border-radius:10px}100%{-webkit-transform:translateY(-100%);transform:translateY(-100%);border-radius:10px}}.animated-button span:nth-child(3){bottom:0px;left:0px;width:100%;height:3px;border-radius:10px;background:-webkit-gradient(linear,left top,right top,from(rgba(8,20,43,0)),to(#fff));background:linear-gradient(to right,rgba(8,20,43,0),#fff);-webkit-animation:2s animateBottom linear infinite;animation:2s animateBottom linear infinite}@-webkit-keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:10px}100%{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:10px}}@keyframes animateBottom{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:10px}100%{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:10px}}.animated-button span:nth-child(4){top:0px;left:0px;height:100%;width:3px;border-radius:10px;background:-webkit-gradient(linear,left top,left bottom,from(rgba(8,20,43,0)),to(#2662d9));background:linear-gradient(to bottom,rgba(8,20,43,0),#fff);-webkit-animation:2s animateLeft linear -1s infinite;animation:2s animateLeft linear -1s infinite}@-webkit-keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);border-radius:10px}100%{-webkit-transform:translateY(100%);transform:translateY(100%);border-radius:10px}}@keyframes animateLeft{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);border-radius:10px}100%{-webkit-transform:translateY(100%);transform:translateY(100%);border-radius:10px}}