JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#" class="elem">Ссылочка</a>

CSS

.elem{
	font-size:24px;
	line-height:26px;
	color:#333;
	background:linear-gradient(currentColor, currentColor) 50% 100% no-repeat;
	background-size:0 1px;
	transition:background 250ms ease 0s;
    text-decoration:none;
}
.elem:hover{
	background-size:100% 1px;
}