JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<a href="http://zornet.ru" class="zornet_ru_pogserka">ZorNet: Создание сайта на uCoz</a>

CSS

.zornet_ru_pogserka {
    position: relative;
    color: #1f7786;
    cursor: pointer;
    font-size: 25px;
}
.zornet_ru_pogserka:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 3px;
    background-color: #982100;
    content: "";
    transition: width 0.2s;
}
.zornet_ru_pogserka:hover {
    color: #983900;
}
.zornet_ru_pogserka:hover:after {
width: 100%;
}