.alert {
  @apply flex p-4 border-l-4;
}

.alert-info {
  @apply bg-blue-50 border-blue-400;

  & p,
  & div {
    @apply text-blue-800;
  }
}

.alert-danger {
  @apply bg-red-50 border-red-400;

  & p,
  & div {
    @apply text-red-800;
  }
}

.alert-warning {
  @apply bg-yellow-50 border-yellow-400;

  & p,
  & div {
    @apply text-yellow-800;
  }
}