.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); } .modal-content { background-color: #fff; margin: 10% auto; padding: 20px; border: 1px solid #ccc; width: 80%; max-width: 500px; } .close { float: right; cursor: pointer; } .botones { margin-top: 20px; text-align: center; } .confirmar { background-color: green; color: white; padding: 10px 20px; border: none; cursor: pointer; } .rechazar { background-color: red; color: white; padding: 10px 20px; border: none; cursor: pointer; }