JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Ссылка</a>
<a href="#">Ссылка</a>
<a href="#">Ссылка</a>

CSS

a {
    display: block;
	width:230px;
    position: relative;
    text-decoration: none;border-right: 5px solid #81d742;
	text-align:right;
}
a:after {
    display: block;
    position: absolute;
    content: "";
	z-index:-1;
    width: 0;
    background: #81d742;
    transition: width 0.7s linear;
    right: 0;
    bottom: 0;
	top:0;
}
a:hover:after {
    width: 100%;
}