/* CTA Section */
.cta-section {
  background-color: var(--primary-color);
  color: white;
  text-align: center;
}

.cta-content {
  max-width: 800px;
  margin: 0 auto;
}

.cta-content h2 {
  color: white;
  font-size: 2.25rem;
  margin-bottom: var(--spacing-md);
}

.cta-content p {
  font-size: 1.25rem;
  margin-bottom: var(--spacing-lg);
  color: rgba(255, 255, 255, 0.8); /* This is intentionally not using a variable for white transparency */
}

.cta-buttons {
  display: flex;
  justify-content: center;
  gap: var(--spacing-md);
}