.modal-content-must {
    border-radius: 20px;
    text-align: center;
    background-color: #282828; /* Background color similar to the one in the screenshot */
    max-width: 300px; /* Smaller width for the modal body */
    margin: auto; /* Center align the modal */
}

.modal-body {
    color: white;
    font-size: 18px;
    padding: 20px 10px;
}

.modal-footer {
    border-top: none;
    justify-content: center;
    padding-bottom: 20px;
}

.modal-footer a:hover {
    text-decoration: none;
    color: inherit;
}

.btn-kembali {
    background-color: #b0b0b0;
    color: black;
}

.btn-masuk {
    background-color: #c5a667;
    color: black;
}

/* Explicitly set background color for hover state */
.btn-kembali:hover {
    background-color: #b0b0b0;
    opacity: 0.8;
}

.btn-masuk:hover {
    background-color: #c5a667;
    opacity: 0.8;
}