:root{--clr-neon:#804dee;--clr-bg:#001414}.neon{display:inline-block;position:relative;cursor:pointer;border:.125em solid var(--clr-neon);padding:.25em 1em;border-radius:.25em;text-shadow:0 0 .2em #fff7,0 0 .3em var(--clr-neon);box-shadow:inset 0 0 .5em var(--clr-neon),0 0 .5em var(--clr-neon)}.neon-rounded:after,.neon:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--clr-neon);box-shadow:0 0 2em var(--clr-neon);z-index:-1;opacity:0;transition:opacity .1s linear}.neon-rounded:after{border-radius:999px}.neon-rounded:hover:after,.neon:hover:after{opacity:1}.neon:focus,.neon:hover{color:#fff}.neon:hover:before{opacity:.8}