.animated-button{position:relative;overflow:hidden;background:transparent;transition:color .3s ease}.animated-button:after,.animated-button:before{content:"";position:absolute;top:0;width:50%;height:100%;background:linear-gradient(135deg,#8B5CF6,#A855F7,#9333EA);transition:transform .4s ease;z-index:-1}.animated-button:before{left:0;transform:translateX(-100%)}.animated-button:after{right:0;transform:translateX(100%)}.animated-button:hover:after,.animated-button:hover:before{transform:translateX(0)}.animated-button-white:hover,.animated-button:hover{color:white}.animated-button-black:hover{color:black}