JSFiddle - React, Tailwind, and code Playground

HTML

<div id="banner">
    <h1>Heading</h1>
    <a class="button" href="#">link</a>
</div>

CSS

#banner:hover h1 {
        color: red;
    }
    
    #banner h1:hover {
        color: black;
    }
    
   a {
     position: absolute;
   }