JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
<a href="#">Ссылка</a>
</div>

CSS

#test a:hover{
  color: grey;
  border-bottom:thin solid grey;
}
#test a{
  color:black;
  text-decoration:none;
  border-bottom:thin solid black;
  padding-bottom: 10px;
}