.styles_hover-gradient-effect__AIX_8 {
    background-size: 0 5px;
    background-image: linear-gradient(180deg, currentColor 25%, transparent 0);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: right;
    display: inline;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
    transition: background-size .3s
}

.styles_hover-gradient-effect__AIX_8:hover {
    background-image: linear-gradient(180deg, currentColor 25%, transparent 0);
    background-size: 100% 5px;
    background-position-x: left;
    background-position-y: bottom
}