.cta-card {
  background: radial-gradient(
      circle at right,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(255, 255, 255, 0.5) 5%,
      transparent 5.1%,
      transparent 10%
    ),
    radial-gradient(
      circle at right,
      rgba(255, 255, 255, 0.4) 0%,
      rgba(255, 255, 255, 0.4) 12%,
      transparent 10.1%,
      transparent 20%
    ),
    radial-gradient(
      circle at right,
      rgba(255, 255, 255, 0.3) 0%,
      rgba(255, 255, 255, 0.3) 20%,
      transparent 20.1%,
      transparent 30%
    ),
    radial-gradient(
      circle at right,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.2) 30%,
      transparent 30.1%,
      transparent 40%
    ),
    radial-gradient(
      circle at right,
      rgba(255, 255, 255, 0.1) 0%,
      rgba(255, 255, 255, 0.1) 40%,
      transparent 40.1%,
      transparent 50%
    ),
    radial-gradient(
      circle at right,
      rgba(255, 255, 255, 0.041) 0%,
      rgba(255, 255, 255, 0.034) 50%,
      transparent 50.1%,
      transparent 60%
    ),
    #242424;
  border-radius: 10px;
  padding: 90px 100px;
  color: white;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
  margin-top: 30px;
}

/* .cta-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image: repeating-radial-gradient(
    circle at 0% 50%,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.15) 4px,
    transparent 4px,
    transparent 12px
  );
  opacity: 0.7;
  z-index: 0;
  pointer-events: none;
} */

.cta-content h2 {
  font-size: 1.8em;
  margin-bottom: 10px;
  color: #fff;
}

.cta-content p {
  font-size: 0.95em;
  color: #fff;
  margin-bottom: 25px;
}

.cta-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

/* Responsive */
@media (max-width: 768px) {
  .cta-card {
    text-align: center;
    padding: 30px 20px;
  }

  .cta-buttons {
    flex-direction: column;
    align-items: center;
  }
}