#mobile-menu {
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    transform: translateX(100%);
    opacity: 0;
}
#mobile-menu.active {
    transform: translateX(0);
    opacity: 1;
}
.mobile-menu-link {
    position: relative;
    overflow: hidden;
}
.mobile-menu-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #E07A5F;
    transform: translateX(-101%);
    transition: transform 0.3s ease-in-out;
}
.mobile-menu-link:hover::after {
    transform: translateX(0);
}