Верхнее подчеркивание текста при наведении css

.line-uslugi {
    line-height: 2;
    display: inline-block;
    color:#f56d01;
    text-decoration: none;
    cursor: pointer;
}
.line-uslugi:after {
    display: block;
    content: "";
    height: 5px;
    width: 12%;
    background-color: #f56d01;
    transition: width .5s ease-in-out;
    position: absolute;
    top: 33%;
}
.line-uslugi:hover:after,
.line-uslugi:focus:after {
    width: 80%;
}