/**
 * VigorLove - You Save
 * Version: 1.0.1
 */


/*
==========================================
Container
==========================================
*/

.vigorlove-you-save-container {

    display: block;

    margin-top: 8px;

    margin-bottom: 8px;

}



/*
==========================================
Main You Save Row
==========================================
*/

.vigorlove-you-save {

    display: inline-flex;

    align-items: center;

    gap: 6px;


    font-size: 14px;

    line-height: 1.5;

    font-weight: 500;


    color: #166534;


}



/*
==========================================
Check Icon
==========================================
*/

.vigorlove-you-save .save-icon {


    display: inline-flex;


    align-items: center;

    justify-content: center;



    width: 18px;

    height: 18px;



    border-radius: 50%;



    background-color: #16A34A;



    color: #ffffff;



    font-size: 12px;



    font-weight: 700;



    line-height: 1;



    flex-shrink: 0;


}



/*
==========================================
Text
==========================================
*/

.vigorlove-you-save .save-text {


    color: #166534;


}



/*
==========================================
Saving Amount
==========================================
*/

.vigorlove-you-save strong {


    color: #15803D;


    font-weight: 700;


}



/*
==========================================
Discount Percentage
==========================================
*/

.vigorlove-you-save .save-percent {


    color: #16A34A;


    font-weight: 600;


}



/*
==========================================
Hover Effect
==========================================
*/

.vigorlove-you-save:hover {


    opacity: .85;


}







/*
==========================================
Mobile
==========================================
*/

@media (max-width: 767px) {


    .vigorlove-you-save-container {


        margin-top: 6px;

        margin-bottom: 6px;


    }



    .vigorlove-you-save {


        font-size: 13px;


    }



    .vigorlove-you-save .save-icon {


        width: 16px;

        height: 16px;


        font-size: 11px;


    }


}