@tailwind base;
@tailwind components;
@tailwind utilities;


@layer components {

    .nav-link {
        @apply relative text-slate-600 hover:text-slate-600 transition;
    }

    .nav-link::after {
        content: "";
        @apply absolute left-0 -bottom-1 w-0 h-[3px] bg-rojo-logo transition-all duration-300;
    }

    .nav-link:hover::after {
        @apply w-full;
    }

    .drawer-link {
        @apply relative font-medium text-gray-700;
    }

    .drawer-link::after {
        content: "";
        @apply absolute left-0 -bottom-1 w-0 h-[2px] bg-orange-500 transition-all duration-300;
    }

    .drawer-link:hover::after {
        @apply w-full;
    }

}