#appResponseModal .modal-dialog {
    max-width: 320px;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: translateY(-80px);
    transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

#appResponseModal.show .modal-dialog {
    transform: translateY(0) !important;
}

.custom-response-card {
    border-radius: 20px !important;
    background-color: #ffffff;
}

.modal-icon-wrapper {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.bg-icon-error {
    background-color: #dc3545;
    box-shadow: 0 4px 12px rgba(220, 53, 69, 0.3);
}

.bg-icon-warning {
    background-color: #ffc107;
    box-shadow: 0 4px 12px rgba(255, 193, 7, 0.3);
}

.bg-icon-success {
    background-color: #198754;
    box-shadow: 0 4px 12px rgba(25, 135, 84, 0.3);
}

.btn-custom-action {
    background-color: #0d51be;
    color: #ffffff;
    border-radius: 10px;
    transition: all 0.2s ease;
}

.btn-custom-action:hover {
    background-color: #0a4099;
    color: #ffffff;
}