JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Link<i>(2)</i></a>

CSS

a{
    display:block;
    text-decoration:none;
}
a i{
  color:#888;  
  margin-left:5px;
  display: inline-block;
}
a:hover{
    text-decoration:underline;
}
a:hover i{
    text-decoration:none !important;
}