Write a nice button pop-up layer with gray transparent non-clickable background to add a bookmark form

.popup-layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 999; }

.popup-content { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); text-align: center; }

.popup-content h2 { margin-top: 0; }

.popup-content form { display: flex; flex-direction: column; align-items: center; }

.popup-content form input { margin-bottom: 10px; padding: 10px; border-radius: 5px; border: none; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }

.popup-content form button { padding: 10px; border-radius: 5px; border: none; background-color: #007bff; color: white; cursor: pointer; }

.popup-content form button:hover { background-color: #0062cc; }