/* Custom button styles */
.btn-custom {
    background-color: white;
    color: black;
    border: 1px solid #ccc; /* Light border to differentiate the button */
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 5px;
}

/* Hover effect */
.btn-custom:hover {
    background-color: #D9D9D9;
    color: black;
    border-color: #D9D9D9; /* Optional: change the border color when hovering */
}

/* Optional: Focus styling to maintain button look on click */
.btn-custom:focus {
    outline: none;
    box-shadow: none;
}