.bezar-sold-modal-overlay {
    position: fixed;
    inset: 0;

    z-index: 9999999;

    display: flex;
    align-items: center;
    justify-content: center;

    padding: 20px;

    background:
        rgba(0, 0, 0, .48);

    backdrop-filter:
        blur(2px);

    animation:
        bezarSoldOverlayIn .18s ease;
}

.bezar-sold-modal {
    position: relative;

    width: min(440px, 100%);

    padding:
        32px 28px 28px;

    background: #ffffff;

    border-radius: 16px;

    box-shadow:
        0 22px 70px rgba(0, 0, 0, .28);

    text-align: center;

    animation:
        bezarSoldModalIn .22s ease;
}

.bezar-sold-modal-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 52px;
    height: 52px;

    margin:
        0 auto 16px;

    border-radius: 50%;

    background: #f1f3f5;

    color: #222;

    font-size: 25px;
    font-weight: 700;
}

.bezar-sold-modal h2 {
    margin:
        0 0 10px;

    font-size: 24px;
    line-height: 1.2;

    color: #222;
}

.bezar-sold-modal-product {
    margin-bottom: 15px;

    font-size: 14px;
    line-height: 1.4;

    font-weight: 700;

    color: #555;
}

.bezar-sold-modal p {
    margin:
        0 0 8px;

    font-size: 14px;
    line-height: 1.55;

    color: #555;
}

.bezar-sold-modal-action {
    width: 100%;

    margin-top: 20px;

    padding:
        12px 18px;

    border: 0;
    border-radius: 8px;

    background: #168bc4;

    color: #ffffff;

    font-size: 13px;
    font-weight: 700;

    cursor: pointer;
}

.bezar-sold-modal-action:hover {
    opacity: .92;
}



.bezar-sold-modal-overlay.is-closing {
    opacity: 0;

    transition:
        opacity .18s ease;
}

@keyframes bezarSoldOverlayIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes bezarSoldModalIn {
    from {
        opacity: 0;

        transform:
            translateY(10px)
            scale(.97);
    }

    to {
        opacity: 1;

        transform:
            translateY(0)
            scale(1);
    }
}

@media (max-width: 600px) {

    .bezar-sold-modal {
        padding:
            28px 20px 22px;

        border-radius: 14px;
    }

    .bezar-sold-modal h2 {
        font-size: 21px;
    }

}