.mol-header-mobile-nav {
    ul {
        @apply space-y-4 md:space-y-10 transition-transform w-full;

        &:not(.-active) {
            @apply hidden translate-x-1/2;
        }

        /* Main item */
        > li {
            @apply relative block;
            @apply text-h4 lg:text-h2 text-black hover:text-secondary-col-1;
            > .atm-nav-link {
                @apply select-none;
            }

            &.subitems-meta {
                @apply flex items-center space-x-5;

                .subitems-back {
                    @apply bg-secondary-col-1/10 text-secondary-col-1 px-4 py-3 rounded-full flex items-center text-sm;

                    i {
                        @apply text-xs pr-1;
                    }
                }

                span {
                    @apply text-gray-500 text-sm;
                }
            }
        }
    }
}