.swal2-popup.app-swal-popup {
    width: min(92vw, 430px);
    padding: 1.25rem 1.15rem 1.4rem;
    border: 1px solid #eadde2;
    border-radius: 18px;
    color: #38242c;
    font-family: Rubik, "Segoe UI", sans-serif;
    box-shadow: 0 24px 65px rgba(62, 22, 38, .22);
}

.app-swal-popup .swal2-title {
    padding-top: .55rem;
    color: #4f0d22;
    font-size: 1.35rem;
    font-weight: 800;
}

.app-swal-popup .swal2-html-container {
    margin-top: .75rem;
    color: #655159;
    font-size: .94rem;
    line-height: 1.55;
}

.app-swal-popup .swal2-actions {
    gap: .65rem;
    margin-top: 1.35rem;
}

.app-swal-confirm,
.app-swal-cancel {
    min-width: 120px;
    min-height: 42px;
    padding: .65rem 1rem;
    border-radius: 10px;
    font-size: .88rem;
    font-weight: 750;
    cursor: pointer;
}

.app-swal-confirm {
    border: 1px solid #7b1735;
    color: #fff;
    background: linear-gradient(135deg, #4f0d22, #7b1735 62%, #a82850);
    box-shadow: 0 7px 16px rgba(123, 23, 53, .22);
}

.app-swal-cancel {
    border: 1px solid #d8c8ce;
    color: #5e4a51;
    background: #fff;
}

.app-swal-confirm:focus,
.app-swal-cancel:focus {
    outline: 0;
    box-shadow: 0 0 0 .2rem rgba(168, 40, 80, .17);
}

@media (max-width: 575.98px) {
    .app-swal-popup .swal2-actions {
        width: 100%;
        flex-direction: column-reverse;
    }

    .app-swal-confirm,
    .app-swal-cancel {
        width: 100%;
        margin: 0;
    }
}