.dual-text-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.menu-item-wrapper {
    position: relative;
}

.menu-item-link {
    display: inline-block;
    text-decoration: none;
    position: relative;
}

.menu-item-link span {
    display: inline-block;
    transition: opacity 0.3s ease;
}

.menu-item-link .primary-text {
    opacity: 1;
}

.menu-item-link .alternative-text {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.menu-item-link:hover .primary-text {
    opacity: 0;
}

.menu-item-link:hover .alternative-text {
    opacity: 1;
}