Had to [scratch an itch](https://twitter.com/LukyVJ/status/1711710375870071195).  ✨ no text duplication (`text-shadow` tricks 😼) ✨ light & dark mode ([...

<div><p>Had to <a href="https://twitter.com/LukyVJ/status/1711710375870071195">scratch an itch</a>.</p>

<p>✨ no text duplication (<code>text-shadow</code> tricks 😼)
✨ light &amp; dark mode (<a href="https://twitter.com/anatudor/status/1588773404022169606">using <code>color-mix()</code></a>)
✨ JS needed only for that subtle glow following mouse motion on <code>:hover</code> (no JS, glow just grows without following cursor); hopefully this <a href="https://twitter.com/anatudor/status/1704873894530757050">can change in the future</a> 
✨ clean, compact code</p>

<p><strong>TODO</strong>: maybe polish up the easings at some point</p></div>

Button effect on :hover/ :focus

You might also like: