.multi-menu-mega {
    button {
        color: #000;
    }

    .menu-mega-container {
        @media (max-width: 600px) {
            background-color: #fff;
            border-color: #f2f2f2;
        }
    }

    .menu-item {
        .menu-clickable {
            font-weight: bold;
            font-size: 1rem;
            line-height: 1.5;
            color: #282828;
            position: relative;
            text-decoration: none;
            display: inline-block;
            cursor: pointer;

            &:hover,
            &:active,
            &:visited {
                color: #282828;
            }

            .arrow-toggle {
                filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(13%) hue-rotate(314deg) brightness(97%) contrast(88%);
            }
        }

        @media (min-width: 600px) {

            .menu-clickable > span {
                background-image: linear-gradient(#000, #000);
                background-position: 0% 100%;
                background-repeat: no-repeat;
                background-size: 0% 2px;
                transition: background-size .5s;
            }

            &:hover,
            &:focus-visible,
            &:focus-within {
                span {
                    background-size: 100% 2px;
                }
            }
        }

        .submenu-outer-wrapper {
            background-color: #fff;
        }
    }

    .mega-menu-tray.menu-open {
        background-color: #fff;
    }

    .menu-item-description {
        color: #282828;
    }

    .menu-toggle-container {
        .button-text {
            color: #282828;
        }

        .button-icon {
            filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(13%) hue-rotate(314deg) brightness(97%) contrast(88%);
        }
    }

    .menu-mega-container-close-container {
        .button-text {
            color: #000;
        }

        .button-icon {
            filter: brightness(0) saturate(100%) invert(11%) sepia(3%) saturate(13%) hue-rotate(314deg) brightness(97%) contrast(88%);
        }
    }
}

.multi-menu-mega.invert {
    .menu-toggle-container {
        .button-text {
            color: #fff;
        }

        .button-icon {
            filter: brightness(0) saturate(100%) invert(98%) sepia(98%) saturate(9%) hue-rotate(167deg) brightness(104%) contrast(104%);
        }
    }
}