@property --animate-duration{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@property --Color{syntax: "<color>"; initial-value: #6d3acc; inherits: false;}@keyframes rotate{0%{--animate-duration: 0deg;--Color: #6d3acc}to{--animate-duration: 360deg;--Color: #6d3acc}}.btn:after,.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:101.5px;background-size:100% 100%;background-position:0 0;background-image:conic-gradient(from var(--animate-duration) at 50% 50%,#e61d1d 0%,#ea3030 20%,var(--Color) 50%,var(--Color) 66%,#e12e93 100%);animation:rotate 3s linear infinite;z-index:0;box-shadow:0 4px 20px #a960ee33}.btn:before{filter:blur(20px)}.moving-gradient-border{position:relative;padding:2px;border-radius:.75rem;background:conic-gradient(from var(--animate-duration) at 50% 50%,#ff2344 0%,#ea3030 20%,var(--Color) 50%,var(--Color) 66%,#e12e93 100%);background-size:100% 100%;background-position:0 0;animation:rotate 3s linear infinite;z-index:0;box-shadow:0 4px 20px #a960ee33}.moving-gradient-border>*{position:relative;z-index:1;border-radius:.75rem;background-color:#0e0e0e}