.consent-banner {
  position: fixed;
  inset: auto 0 0 0;
  z-index: var(--z-toast);
  background: #071c30;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  box-shadow: var(--shadow-lg);
  padding: var(--space-4) 0;
}

.consent-banner[hidden] {
  display: none !important;
}

.consent-banner__inner {
  display: grid;
  gap: var(--space-4);
  align-items: center;
}

@media (min-width: 800px) {
  .consent-banner__inner {
    grid-template-columns: 1fr auto;
  }
}

.consent-banner p {
  font-size: var(--fs-sm);
  color: rgba(255, 255, 255, 0.86);
  max-width: 52rem;
}

.consent-banner a {
  color: #b8e4e3;
}