JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

#test {
    color: #B2B2B2;
}

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

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

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


span {
    color:red;
    display:inline;
    height:100%;
    width:100%;
}