.button{text-align:center;text-transform:uppercase;cursor:pointer;border-left-width:2px;border-color:hsl(var(--a)/.8);width:100%;height:30px;margin-top:100px;margin-left:auto;margin-right:auto;font-family:Helvetica;font-size:14px;line-height:30px;display:block;position:relative}.button span{opacity:.8;background:linear-gradient(95deg,#059dff 15%,#6549d5 45%,#e33fa1 75%,#fb5343) 95%/200% 100%;transition:all .2s ease-in-out;position:absolute}.button span.line-1{width:193px;height:2px;top:0;left:0;transform:translate(-48px)}.button span.line-2{width:165px;height:2px;bottom:0;right:0;transform:translate(-25px)}.button span.line-3{width:40px;height:2px;top:0;right:0;transform:translate(20px)}.button span.line-4{width:100px;height:2px;bottom:0;right:0;transform:translate(95px)}.button span.line-5{width:2px;height:50px;bottom:0;right:0;transform:translateY(0)}.button span.line-6{width:2px;height:8px;top:0;right:0;transform:translateY(-48px)}.button:hover span.line-1{transform:translate(0)}.button:hover span.line-2{transform:translate(-65px)}.button:hover span.line-3{transform:translate(60px)}.button:hover span.line-4{transform:translate(55px)}.button:hover span.line-5{transform:translateY(44px)}.button:hover span.line-6{transform:translateY(-2px)}.button p{background-size:200%;animation:3s linear infinite custom}@keyframes custom{0%,to{background-position:0}50%{background-position:100%}}