.modal {
  background: linear-gradient(135deg, #1f1c2c, #928dab); /* Dégradé futuriste */
  backdrop-filter: blur(10px); /* Flou pour un effet sophistiqué */
}

.modal-content {
  background: radial-gradient(circle, #222, #000);
  color: #fff;
  border-radius: 20px;
  border: none;
  width: 40vw;
  box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.5); /* Ombres intenses */
  transform: perspective(1000px) rotateX(5deg); /* Effet 3D */
}

.modal.button {
  background: linear-gradient(45deg, #ff6f91, #ffc371); /* Dégradé dynamique */
  font-size: 20px;
  border-radius: 50px;
  animation: pulse 1.5s infinite; /* Animation d’impulsion */
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
