.btn-shadow
    @apply text-center capitalize bg-teal-400 block py-2 px-5 rounded text-white transition-all ease-in-out duration-300 shadow-md
    &:hover
        @apply shadow-lg

.btn
    @apply text-center capitalize bg-teal-200 block py-2 px-5 rounded text-teal-600 transition-all ease-in-out duration-300
    &:hover
        @apply bg-teal-300 text-teal-800

.btn-indigo
    @apply text-center capitalize bg-indigo-500 text-indigo-100 block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply bg-indigo-600 text-indigo-200

.btn-info
    @apply text-center capitalize bg-yellow-300 text-yellow-600 block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply bg-yellow-400 text-yellow-600

.btn-danger
    @apply text-center capitalize bg-red-300 text-red-600 block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply bg-red-400 text-red-600


.btn-gray
    @apply text-center capitalize bg-gray-100 border border-gray-300 block py-2 px-5 rounded text-gray-600 transition-all ease-in-out duration-300
    &:hover
        @apply bg-white text-gray-800 border border-gray-300



.btn-bs-dark
    @apply text-center capitalize bg-gray-900 text-white block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply opacity-75
    
.btn-bs-primary
    @apply text-center capitalize bg-indigo-600 text-white block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply opacity-75

.btn-bs-secondary
    @apply text-center capitalize bg-gray-500 text-white block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply opacity-75

.btn-bs-success
    @apply text-center capitalize bg-green-500 text-white block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply opacity-75

.btn-bs-danger
    @apply text-center capitalize bg-red-500 text-white block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply opacity-75

.btn-bs-info
    @apply text-center capitalize bg-yellow-500 text-white block py-2 px-5 rounded transition-all ease-in-out duration-300
    &:hover
        @apply opacity-75



// overflow 
.menu-overflow
    &:focus
        outline: none