.animated-button-custom{background:linear-gradient(-30deg,#080811 50%,#0d0d1b 50%);padding:16px 32px;margin:12px;display:inline-block;transform:translate(0);overflow:hidden;color:#c1d8c3;font-size:16px;letter-spacing:2px;text-align:center;text-transform:uppercase;text-decoration:none;box-shadow:0 20px 50px #00000080;position:relative;transition:all .1s ease-out}@media(min-width:640px){.animated-button-custom{padding:20px 40px;font-size:20px;letter-spacing:2.5px}}.animated-button-custom:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#6a9c89;opacity:0;transition:.2s opacity ease-in-out}.animated-button-custom:hover:before{opacity:.2}.animated-button-custom span{position:absolute}.animated-button-custom span:nth-child(1){top:0;left:0;width:100%;height:2px;background:linear-gradient(to left,#08081100,gold);animation:2s animateTop linear infinite}@keyframes animateTop{0%{transform:translate(100%)}to{transform:translate(-100%)}}.animated-button-custom span:nth-child(2){top:0;right:0;height:100%;width:2px;background:linear-gradient(to top,#08081100,gold);animation:2s animateRight linear -1s infinite}@keyframes animateRight{0%{transform:translateY(100%)}to{transform:translateY(-100%)}}.animated-button-custom span:nth-child(3){bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,#08081100,gold);animation:2s animateBottom linear infinite}@keyframes animateBottom{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animated-button-custom span:nth-child(4){top:0;left:0;height:100%;width:2px;background:linear-gradient(to bottom,#08081100,gold);animation:2s animateLeft linear -1s infinite}@keyframes animateLeft{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}