@import "tailwindcss";
@layer components {
  .btn {
    @apply text-center text-white font-semibold p-2 md:p-3 rounded-xl transition inline-flex items-center justify-center hover:cursor-pointer
  }
  .btn-primary {
    @apply bg-blue-500 hover:bg-blue-600
  }
  .btn-danger {
    @apply bg-red-500 hover:bg-red-600
  }
  .card {
    @apply bg-white rounded-2xl shadow-md p-5 border border-gray-300
  }
};