.banner {
  @apply flex
    w-full
    flex-row
    items-center
    justify-center
    gap-2
    px-8
    py-3
    text-sm;

  &,
  a {
    @apply text-white
      dark:text-white;
  }

  a {
    @apply w-fit
      underline
      decoration-white/50;
  }

  svg {
    @apply size-4
      text-white/50;
  }
}

.default {
  @apply bg-green-600;
}

.error {
  @apply bg-danger-600;
}

.warning {
  @apply bg-warning-600;
}