.gradient-border{position:relative;--gradient-border-width:2px}.gradient-border:hover:before{background-position:0 100%}.gradient-border:before{transition:all .3s ease-in-out;content:"";position:absolute;inset:0;z-index:1;box-sizing:border-box;padding:var(--gradient-border-width);border-radius:999px;background:linear-gradient(90deg,#fff 0,#fff 50%,#8049f2);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude,xor;background-position:100% 100%;background-size:200% 100%}