@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --reveal-angle{syntax:"<angle>";initial-value:0deg;inherits:false}.gradient-btn{background-clip:padding-box;>div{z-index:1}&:before{background-image:linear-gradient(var(--gradient-angle),#1e2891 1.85%,#734696 69.78%,#eb008c 100.66%);mask-image:conic-gradient(#000 10deg,#000 var(--reveal-angle),transparent var(--reveal-angle));animation:angle-rotation 1.5s forwards;inset:0}&:after,&:before{position:absolute;content:"";border-radius:inherit}&:after{background:#030616;inset:2.5px}&:hover{&:before{animation:hover-rotation 1.5s forwards}}}@keyframes angle-rotation{0%{opacity:0;--gradient-angle:-119deg;--reveal-angle:0deg}10%{opacity:1}30%{--reveal-angle:365deg}to{--gradient-angle:119deg;--reveal-angle:365deg}}@keyframes hover-rotation{0%{--gradient-angle:119deg;--reveal-angle:365deg}to{--gradient-angle:-119deg;--reveal-angle:365deg}}