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

@layer components {
    .btn-menu {
      @apply flex items-center justify-between w-full py-2 pl-3 pr-4 border-b border-gray-100 hover:bg-gray-50 lg:border-0 hover:text-black lg:p-2 rounded-md lg:w-auto dark:text-white lg:dark:hover:text-blue-500 dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 lg:dark:hover:bg-transparent;
    }

    .btn-submenu{
       @apply block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white; 
    }

    .btn-footer-link{
      @apply hover:bg-slate-300 hover:p-2 hover:rounded dark:hover:bg-slate-800;
    }
  }