.menu-item > * {
    position: relative;
    overflow: hidden;
}

.menu-item > *::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #1D1C1A;
    transform: translateY(100%);
    transition: transform 0.4s ease;
    z-index: 0;
}

.menu-item:hover > *::before {
    transform: translateY(0);
}

.menu-item:hover > * > * {
    position: relative;
    z-index: 1;
}