.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); } }