JSFiddle - React, Tailwind, and code Playground

HTML

<a class="bill-area" href="#" title="Watch">
    <div class="watch"><h2>Watch</h2></div>
</a>

CSS

a                 {color:#00C; text-decoration:none}
a:hover div h2           {border-bottom:1px solid #00C;}
a:active          {color:#F00;}
.bill-area        {width:580px; height:300px;display:inline-block; background:#eee}
.watch            {position:absolute; top:60px; left:200px; display:block;}
.watch h2         {text-align:center; color:#333;}   
.bill-area:hover div h2  {text-decoration:none;}