JSFiddle - React, Tailwind, and code Playground

HTML

<a class="a" href="#">Link item style</a>

CSS

a,
.a {
  border-bottom: 1px solid #f28f2d;
  text-decoration: none;
  //replace #f28f2d with colour of choice
  -moz-transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease;
  -webkit-transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease;
  transition: 0.5s opacity ease, 0.25s color ease, 0.5s background-image ease, 0.25s background-color ease, 0.5s border-color ease;
}

a:hover,
a:focus,
.a:hover,
.a:focus {
  color: #f28f2d;
}