JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div class="link-hover-solid">
    <span style="font-size:15pt"><a href="#">Подключить к анимации </a> <a href="#">Ссылка кнопок</a></span>
</div>

CSS

.link-hover-solid a {
    display: inline-block;
    color:#76431f;
    line-height: 1;
    text-decoration:none;
    cursor: pointer;
}
.link-hover-solid a:after {
    background-color: #ff6000;
    display: block;
    content: "";
    height: 3px;
    width: 0%;
    -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}
.link-hover-solid a:hover:after,
.link-hover-solid a:focus:after {
    width: 100%;
}