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;
}
a:hover {
    text-decoration:underline;
}
a:hover i{
    display:inline-block;
    text-decoration:none !important;
}