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

/*

@layer components {
  .btn-primary {
    @apply py-2 px-4 bg-blue-200;
  }
}

*/

@layer components {
  .button.button-primary {
    @apply p-2 rounded-md text-white font-medium bg-violet-600 cursor-pointer hover:bg-violet-800 transition duration-300;
  }
  .pill.pill-primary {
    @apply rounded-lg bg-violet-200 py-1 px-2 hover:bg-violet-300 transition duration-300;
  }
}