@keyframes border-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animated-border{position:relative;border-radius:.5rem;z-index:0}.animated-border:before{content:"";position:absolute;z-index:-1;inset:-3px;border-radius:.75rem;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#d946ef,#8b5cf6,#3b82f6);background-size:400% 400%;animation:border-animation 8s ease infinite}.animated-border:after{content:"";position:absolute;z-index:-1;inset:0;border-radius:.5rem;background:white}:root.dark .animated-border:after{background:#1f2937}