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


[class*="btn-"] {
    @apply w-fit text-sm px-5 py-2.5 text-center font-medium rounded disabled:opacity-50 disabled:cursor-not-allowed
}

.btn-primary{
    @apply text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 disabled:hover:bg-blue-700
}

.btn-secondary{
    @apply text-white bg-gray-600 hover:bg-gray-800 focus:ring-4 focus:outline-none focus:ring-gray-300  disabled:hover:bg-gray-600
}

.btn-default{
    @apply bg-white hover:bg-gray-100 text-gray-800 font-semibold py-2 px-4 border border-gray-400 disabled:hover:bg-white
}