.modal { display: none; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; } .modal-content { margin: 15% auto; padding: 10px; width: 40vw; background-color: white; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Ombres douces */ border-radius: 4px; } .close-btn { color: black; font-size: 18px; } .modal.button { background-color: #4caf50; color: white; border-radius: 3px; border: none; transition: background-color 0.3s ease; } .modal.button:hover { background-color: #45a049; /* Vert plus sombre au survol */ } .close-btn:hover, .close-btn:focus { color: red; /* Rouge pour attirer l’attention */ }