.menu {
    @apply flex items-center space-x-4 h-8;
}

.menu--mobile {
    @apply flex-col space-x-0 h-auto divide-y divide-gray-200;
}

.menu--mobile li {
    @apply py-4 w-full;
}

.menu a {
    @apply uppercase hover:text-slate-700 text-slate-900 text-sm lg:text-base;
}

.menu--mobile a {
    @apply text-lg;
}

.menu .current > a,
.menu .active > a {
    @apply text-slate-900 font-bold;
}

.menu .icon-link {
    @apply flex items-center space-x-2;
}