.wpfnl-upsell-btn-wrapper {
    display: flex;
    flex-flow: column;
    align-items: flex-start;

    button {
        display: flex;
        flex-flow: row;
        align-items: center;

        .wpfnl-loader {
            margin-left: 8px;
            border-color: #fff;
            border-top-color: transparent;
            width: 14px;
            height: 14px;
        }
    }

    .wpfnl-alert{
        margin-top: 5px;

        &.box {
            margin-top: 7px;
        }
    }
}


#et-boc .et-l #wpfnl-offerbtn-wrapper,
#wpfnl-offerbtn-wrapper {
    width: 100%;
    // max-width: 460px;

    .wpfnl-product-variation-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 1.1;
        color: #363B4C;
        margin: 0 0 13px 0;
        border: none;
        box-shadow: none;
    }

    .wpfnl-product-variation {
        position: relative;
    }

    .has-variation-product {
        border: 1px solid #F8F8FF;
        border-radius: 10px;
        padding: 4px 24px 24px;
    }

    //----------offer product variation style----------
    .offer-variation-wrapper {
        display: flex;
        flex-flow: row wrap;
        width: 100%;
        margin-bottom: 10px;
        position: relative;

        .offer-product-single-variation {
            margin-right: 15px;
            margin-top: 15px;
            width: calc(100% / 2 - 8px);

            &:nth-child(even) {
                margin-right: 0;
            }

            .variation-attr-name {
                font-size: 16px;
                line-height: 1.3;
                color: #363B4C;
                text-transform: capitalize;
                margin-bottom: 6px;
                text-align: left;
                font-weight: 500;
            }
            .variation-attr-value {
                position: relative;
            }

            select {
                width: 100%;
                height: auto;
                -webkit-appearance: auto;
                appearance: auto;
                padding: 10px 14px;
                color: #85868F;
                border: 1px solid #E5E8F3;
                border-radius: 5px;
                font-size: 16px;
                background: #FFFFFF;
                outline: none;
                box-shadow: none;
            }
        }

        .wpfnl-select-variation {
            display: block;
            width: 100%;
            font-size: 16px;
            font-weight: 500;
            color: #ee5f5a;
            margin-bottom: 5px;
        }

        .reset_variations {
            line-height: 1;
            font-size: 13px;
            font-weight: 500;
            color: #000000;
            text-transform: capitalize;
            padding: 7px 5px;
            text-align: center;
            width: 100%;
            margin-top: 15px;
            //background: #fdf4ed5c;
            border-radius: 5px;
            font-style: italic;

            &[style*="visibility: hidden"] {
                display: none;
            }

            &[style*="visibility: visible"] {
                display: block;
            }
        }
    }

    .variations select {
        height: auto!important;
    }

    .wpfnl-offerbtn-and-price-wrapper {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;

        &.price-right {
            flex-direction: row-reverse;
            justify-content: flex-end;
        }
        &.price-top {
            flex-direction: column;
            align-items: flex-start;
        }
        &.price-bottom {
            flex-direction: column-reverse;
            align-items: flex-start;
        }
    }

    .wpfnl-offer-product-price {
        display: inline-flex;
        align-items: center;
        flex-flow: row-reverse;

        bdi {
            color: #000000;
            font-weight: 700;
            font-size: 32px;
            line-height: 1.18;
            text-decoration: none;
        }

        del {
            margin-left: 6px!important;
            margin-right: 8px;

            bdi {
                font-weight: 500;
                font-size: 20px;
                line-height: 1.1;
                color: rgba(54, 59, 76, 0.8);
                
            }
        }

        ins {
            text-decoration: none;
        }

    }

    .offer-btn-loader {
        display: block;
        background: #00000036;
        width: calc(100% + 20px);
        height: 100%;
        position: absolute;
        top: 8px;
        left: -10px;
        border-radius: 10px;
        z-index: 2;
        display: none;

        &:before {
            content: "";
            position: absolute;
            left: 50%;
            top: 50%;
            width: 40px;
            height: 40px;
            margin-top: -20px;
            margin-left: -20px;
            border: 3px solid #353535;
            border-radius: 100%;
            transform: translate(-50%, -50%);
            border-top-color: #fff;
            animation: spin 0.7s linear infinite;
        }
    }
}


//-------for divi builder-------
#et-boc .et-l #wpfnl-offerbtn-wrapper .wpfnl-offerbtn-and-price-wrapper {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
}


//------center align style------
.wp-block-wpfnl-offer-btn-center, 
.elementor-align-center {
    #wpfnl-offerbtn-wrapper {
        margin: 0 auto;

        .wpfnl-offerbtn-and-price-wrapper {
            justify-content: center;

            &.price-top {
                align-items: center;
            }
            &.price-right {
                align-items: flex-end;
            }
            &.price-bottom {
                align-items: center;
            }
        }
    }
}


.wp-block-wpfnl-offer-btn-center {
    #wpfnl-offerbtn-wrapper {
        .wpfnl-product-variation-title {
            text-align: center;
        }
    }
}

.oxy-offer-button-center {
    text-align: center!important;

    #wpfnl-offerbtn-wrapper {
        .wpfnl-offerbtn-and-price-wrapper {
            justify-content: center;

            &.price-top {
                align-items: center;
            }
            &.price-right {
                align-items: flex-end;
            }
            &.price-bottom {
                align-items: center;
            }
        }
    }
}

//------right align style------
.wp-block-wpfnl-offer-btn-right,
.elementor-align-right {
    #wpfnl-offerbtn-wrapper {
        margin-left: auto;
        margin-right: 0;

        .wpfnl-offerbtn-and-price-wrapper {
            justify-content: flex-end;

            &.price-top {
                align-items: flex-end;
            }
            &.price-right {
                justify-content: flex-start;
            }
            &.price-bottom {
                align-items: flex-end;
            }
        }
    }
}

.wp-block-wpfnl-offer-btn-right {
    #wpfnl-offerbtn-wrapper {
        .wpfnl-product-variation-title {
            text-align: right;
        }
    }
}

.oxy-offer-button-right {
    text-align: right!important;

    #wpfnl-offerbtn-wrapper {
        .wpfnl-offerbtn-and-price-wrapper {
            justify-content: flex-end;

            &.price-top {
                align-items: flex-end;
            }
            &.price-right {
                justify-content: flex-start;
            }
            &.price-bottom {
                align-items: flex-end;
            }
        }
    }
}