JSFiddle - React, Tailwind, and code Playground

HTML

<div id="test">
    <p><a href="#">A link</a></p>
    <p><a href="#">Another link</a></p>
</div>

CSS

#test {
    color: #B2B2B2;
}

#test p a {
    color: #B2B2B2;
    text-decoration: none;
}

 #test p a:hover {
    text-decoration: underline;
}

#test p a:before {
    color: #B2B2B2;
    content: "► ";
    display:inline-block;
    text-decoration: none;
}

 #test p a:hover:before{
    text-decoration: none;
}