@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@property --glowColor{syntax:"<color>";initial-value:hsla(0,0%,100%,.5)}@keyframes rotate{0%{--angle:0deg;--glowColor:hsla(0,0%,100%,.5)}to{--angle:360deg;--glowColor:hsla(0,0%,100%,.5)}}.btn{display:flex;align-items:center;justify-content:center;border-radius:9999px;border:none;background:none;position:relative;padding:2px;text-decoration:none;transition:all .18s ease-in-out;transform:translateZ(0)}.btn:after,.btn:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(9999px + 1.5px);background-size:100% 100%;background-position:0 0;background-image:conic-gradient(from var(--angle) at 50% 50%,transparent 0,transparent 33%,var(--glowColor) 50%,transparent 66%,transparent 100%)}.btn:after,.btn:before{animation:rotate 3s linear infinite}.btn:before{filter:blur(20px)}.btn .btnInner{position:relative;display:flex;align-items:center;justify-content:center;width:100%;padding:.75rem 2rem;border-radius:9999px;color:#fff;font-weight:500;font-size:1rem;z-index:1;transition:all .18s ease;background:rgba(0,0,0,.3);backdrop-filter:blur(40px);backface-visibility:hidden;border:1px solid hsla(0,0%,100%,.1)}.btn:hover .btnInner{background:hsla(0,0%,100%,.1);color:#fff}.btn:active{transform:scale(.95)}