.menu-item {
    background-image: linear-gradient(65deg, #aeb2d7 17%, #aeb2d7 45%, #aeb2d7);
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
}
.dropdown .w--current::after,
.dropdown-toggle .current::after {
    content: "";
    bottom: -3px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(
        65deg,
        var(--orange) 17%,
        var(--purple) 45%,
        var(--violet)
    );
}
.menu-item:before,
.dropdown .w--current:before,
.dropdown-toggle .current:before,
.footer-links-wrap .current:before,
.footer-links-wrap .w--current:before {
    content: "";
    background: linear-gradient(
        65deg,
        var(--orange) 17%,
        var(--purple) 45%,
        var(--violet)
    );
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    transition: all 0.3s ease-in-out;
}

.menu-item:hover::before,
.dropdown .w--current:hover::before {
    width: 100%;
}
.menu-item:hover,
.dropdown .w--current,
.dropdown-toggle .current,
.footer-links-wrap .current,
.footer-links-wrap .w--current {
    -webkit-text-fill-color: var(--orange);
}
@media screen and (min-width: 1441px) {
    .menu-item:hover,
    .dropdown .w--current,
    .dropdown-toggle .current,
    .footer-links-wrap .current,
    .footer-links-wrap .w--current {
        background-position: 0;
        transition: all 0.3s ease-in-out;
        background-image: linear-gradient(
            65deg,
            var(--orange) 17%,
            var(--purple) 45%,
            var(--violet)
        );
        -webkit-text-fill-color: transparent;
    }
}