@property --mx{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}@property --my{syntax: "<length-percentage>"; inherits: false; initial-value: 50%;}.glow-btn-wrapper{--border-w: 2px;--glow-gradient: conic-gradient( from 180deg at var(--mx) var(--my), oklch(.78 .14 85), oklch(.65 .14 145), oklch(.6 .12 195), oklch(.55 .1 160), oklch(.72 .12 110), oklch(.78 .14 85) );position:relative;border-radius:var(--radius-lg);padding:var(--border-w);background:var(--glow-gradient);transition:--mx .15s ease-out,--my .15s ease-out,scale .2s ease-out}.glow-btn-wrapper:hover{scale:1.02;transition:scale .2s ease-out}.glow-btn-wrapper:active{scale:.98;transition:scale .1s ease-out}.glow-btn-inner{position:relative;width:100%;border:none!important;border-radius:calc(var(--radius-lg) - var(--border-w));background:#060806!important;color:#edf0e9!important;transition:background .3s ease}.glow-btn-wrapper:hover .glow-btn-inner{background:#060806d1!important}.glow-btn-wrapper:before{content:"";position:absolute;inset:calc(var(--border-w) * -1);border-radius:inherit;background:var(--glow-gradient);filter:blur(8px);opacity:0;z-index:-1;transition:opacity .3s ease}.glow-btn-wrapper:hover:before{opacity:.5}[data-collapsible=icon] .glow-btn-wrapper{border-radius:var(--radius-md);width:2rem;height:2rem;padding:1.5px}[data-collapsible=icon] .glow-btn-inner{border-radius:calc(var(--radius-md) - 1.5px);height:100%!important;padding:0!important;justify-content:center;gap:0}
