JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">awefawef</a>

<a href="#" class="c">awefawef</a>
<a href="#">awefawef</a>

CSS

a:hover {
    text-decoration: none;
    position: relative;
    margin: 0 15px;
}

a:after {
    content: " * ";
    position: absolute;
    right: -20px;
    cursor: normal;
    pointer-events: none;
}

.c {text-decoration: underline; }
.c:after {text-decoration: none; }