JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="www.google.com">Here's a link</a>  
    </li>
    <li>
        <a href="www.google.com">Here's a link</a>          
    </li>
    <li>
        <a href="www.google.com">Here's a link</a>          
    </li>
</ul>

<ul>
     <li>Here's a regular list item</li>   
     <li>Here's a regular list item</li>
     <li>Here's a regular list item</li>
</ul>

CSS

a { color: #004E98; } /* This is the color that I want to be the bullets on every unordered */

ul { list-style: none; }
ul a { position: relative; }
ul a:before { 
    content : "\25CF"; 
    font-size: 0.75em; 
    margin-right: .5em;
}
ul a:after { 
    content : "";
    position: absolute; 
    bottom: 0; left: 0; 
    height:4px; 
    width: .5em; 
    background: #fff; 
}