.banner {
  @apply bg-blue flex items-center p-3;
  max-width: 100%;
  transition: opacity 0.3s ease-in;
}

.banner-exit {
  opacity: 0;
}

.banner__close {
  @apply opacity-75;
}

.banner__close svg {
  @apply m-0 mr-4;
  filter: none;
}

.banner__text {
  @apply text-white font-light text-xs tracking-wide subpixel-antialiased;
  flex: 1;
}

@screen md {
  .banner__text {
    @apply text-sm;
  }
}

.banner__close,
.banner__btn {
  flex: 0;
}

.banner__btn .btn {
  min-width: unset;
}