.alert
    @apply border rounded bg-white py-4 px-6 text-sm
    a
        @apply font-extrabold text-black text-base transition ease-in-out duration-300
        &:hover
            @apply opacity-75    

.alert-default
    @apply bg-teal-100 border-teal-200 text-teal-500
    a
        @apply text-teal-700

.alert-light
    @apply bg-gray-100 border-gray-300 text-gray-600
    a
        @apply text-gray-700

.alert-dark
    @apply bg-gray-700 border-gray-900 text-white
    a
        @apply text-gray-500

.alert-success
    @apply bg-green-200 border-green-300 text-green-500
    a
        @apply text-green-700

.alert-error
    @apply bg-red-200 border-red-300 text-red-500
    a
        @apply text-red-700


.alert-close
    @apply flex flex-row-reverse
    button.alert-btn-close
        @apply transition ease-in-out duration-300
        &:hover
            @apply opacity-75
    span
        @apply flex-1 