JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="yes">
  <div class="text-yes">Hello</div>
  <div class="not">my friend !</div>
</a>

CSS

body {
  font-family: Roboto;
}
a{
  text-decoration: none;
}
.yes:hover .text-yes, .yes:active .text-yes{
	text-decoration: underline;
}