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

/* Button configuration */

.main__btn {
  @apply border rounded-lg px-10 py-2 bg-green-600 text-white font-medium hover: bg-green-800;
}

.responsive__btn {
  @apply md: max-lg:py-4 md:max-lg:text-sm md:max-lg:px-4;
}

/* Flex center */

.flex__center {
  @apply flex justify-center items-center;
}

/* Categories configuration */

.categories__img {
  @apply w-auto h-auto rounded-lg;
}

/* ---------------------------------------------- */

/* Border configuration */

.border__section {
  @apply flex flex-col justify-center m-5;
}