.banner {
  --focus-ring-current: var(--ds-gray-1000);
  background: var(--surface-banner);
  color: var(--ds-gray-1000);
  margin: var(--space-2) var(--space-2) 0;
  padding: var(--space-3) var(--layout-gutter);
  border-radius: var(--radius-large);
  text-align: center;
}

@media (min-width: 768px) {
  .banner {
    margin: var(--space-3) var(--space-3) 0;
  }
}

.banner-label {
  margin: 0;
  text-wrap: pretty;  text-box: trim-both cap alphabetic;
}