JSFiddle - React, Tailwind, and code Playground

HTML

<p class="read-or-listen-to-excerpt">
Visit the official rules <a class="orange-link" href="#">here</a> on how to send in a write-in entry.
</p>

CSS

.orange-link {
  color: orange;
  position: relative;
  text-decoration: none;
}

.orange-link:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px; 
  background: orange; 
  bottom: 0; 
  border-radius: 5px; 
  transform: scaleX(0); 
  transition: .25s linear; 
  transform-origin: top left;
}
.orange-link:hover:before,
.orange-link:focus:before {
  transform: scaleX(1);
}