JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li>First</li>
  <li>Second</li>
  <li>Third</li>
</ul>

CSS

li {
  list-style: none;
}

li:before {
    content: '\25CF\00a0\00a0';
    display: inline;
}

ul {
  transition: color .3s linear;
  color: red;
}

ul:hover {
  color: black;
}