.environment-banner {
  position: fixed;
  top: 0;
  right: 0;
  z-index: var(--z-index--ceiling);
  overflow: hidden;
  width: 6rem;
  height: 6rem;
  pointer-events: none;
}

.environment-banner__label {
  position: absolute;
  top: 1rem;
  left: -0.5rem;
  display: block;
  width: 9rem;
  padding: var(--space--xx-small) 0;
  background: var(--color--base--cta);
  color: var(--color--text-inverse);
  font-size: var(--font-size--xx-small);
  font-weight: var(--font-weight--bold);
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  transform: rotate(45deg);
}