JSFiddle - React, Tailwind, and code Playground

HTML

<a class="parent">
    Parent text
    <span>
        Child text
    </span>    
</a>

CSS

.parent{
    padding:50px;
    border: 1px solid black;
}

.parent span{
    position:absolute;
    top:200px;
    padding:30px;
    border: 10px solid green;
}

.parent:hover span{
    border: 10px solid red;
}   
}