אנימציית קו תחתון עם גרדיאנט בתפריט

				
					selector a:after {
    opacity: 1 !important;
    position: absolute;
    content: "";
    top: 90%;
    left: 0;
    background: linear-gradient(90deg,#f06b84,#924f98);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s !important;
}
selector a:hover:after, selector .current-menu-item > a:after {
        transform: scaleX(1);
        transform-origin: right;
}