.gradient-border-btn{position:relative;font-weight:500;color:white;background:#0a0a0a;border:none;cursor:pointer;z-index:0;overflow:hidden}.gradient-border-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#7f00ff,#e100ff,#ff00ea);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.gradient-border-btn:hover:before{transition:all 1s ease;background:linear-gradient(135deg,#ff00ea,#7f00ff,#ff00ea)}