.hero--legal {
  background: radial-gradient(circle at top left, rgba(199, 161, 91, 0.18), transparent 55%),
              radial-gradient(circle at bottom right, rgba(140, 47, 57, 0.16), transparent 55%);
}

.card--legal {
  max-width: 880px;
}

.card--legal h2 {
  font-size: var(--font-size-2xl);
  margin-bottom: var(--space-3);
}

.legal-section + .legal-section {
  margin-top: var(--space-8);
}

.cookie-policy-main {
  padding-bottom: var(--space-20);
}

@media (max-width: 768px) {
  .card--legal {
    padding: var(--space-5);
  }
}