JSFiddle - React, Tailwind, and code Playground

HTML

<p><a href="">Lorem Ipsum</a> is simply dummy text of the printing and typesetting industry.</p>

CSS

a {
	  text-decoration: none;
	  position: relative;
	  color: #3366FF;
	}
	
	a:after {
	  content: '';
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  width: 0%;
	  border-bottom: 2px solid #3366FF;
	  transition: 0.4s;
	}
	
	a:hover:after {
	  width: 100%;
	}