JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <span class="body">Link 1</span>
    <span class="shadow">Link 1</span>
</div> *

CSS

div{
    display: inline-block;
    font-size: 32px;
}

div:hover .body{
    font-weight: bold;
    position: absolute;
}

div:hover .shadow{
    display: initial;
}

.shadow{
    color: white;
    display: none;
}