.modal-content.alerts-popup{
    border-radius:36px;
    background-color: #fef0e3; 
}

.modal-content.danger-popup{
    border-radius:36px;
    background-color: #fcdddd; 
}

.modal-content.success-popup{
    border-radius:36px;
    background-color: #ebffdb; 
}

.confirm-modal-btn{
    padding: 0px 15px 0px 15px !important;
    margin-left: 5px !important;
    border-radius:20px !important;
    border-color:#808080 !important;
    background:none !important;
    color: #000000 !important;
    cursor: pointer; /* Cursor turns into a pointer on hover */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
}

.close-modal-btn {
    color: white; /* Text color */
    border-radius:20px !important;
    border-color:#808080 !important;
    padding: 0px 15px 0px 15px !important; /* Adjust padding for size */
    cursor: pointer; /* Cursor turns into a pointer on hover */
    transition: background-color 0.3s ease, transform 0.2s ease; /* Smooth transitions */
}

.confirm-modal-btn:hover {
    background-color: #000000 !important; /* Darkens the button color on hover */
    color: white !important; /* Text color */
    transform: scale(1.05) ; /* Slightly scales the button */
}

.confirm-modal-btn:active {
    transform: scale(0.95); /* Button slightly shrinks when clicked */
}