.magic-button{border:1px solid #ffffff1a;transition:all .3s;position:relative}.magic-button:before{content:"";background:radial-gradient(200px circle at var(--glow-x)var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity)*.8))0%,rgba(var(--glow-color),calc(var(--glow-intensity)*.4))30%,transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:2px;transition:opacity .3s;position:absolute;inset:-1px;-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)}.magic-button:hover:before{opacity:1}.magic-button:hover{box-shadow:0 0 20px rgba(var(--glow-color),.3),0 0 40px rgba(var(--glow-color),.2)}.magic-button.active{box-shadow:0 0 25px rgba(var(--glow-color),.4),0 0 50px rgba(var(--glow-color),.3)}