JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

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

.yes:hover .not{
    text-decoration: none;
    text-decoration: line-through;
    color: red;
}