/*
==========================================================
Bale Living Product CTA
==========================================================
*/

.bl-product-cta{

    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    gap:3px;

    width:100%;

    margin:22px 0 22px;

}

.bl-product-cta .bl-cta-item{

    flex:1;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    height:42px;

    padding:0 15px;

    background:#ffffff;

    color:#4c4c4c !important;

    text-decoration:none;

    text-transform:uppercase;

    font-size:11px;

    font-weight:400;

    letter-spacing:.1px;

    line-height:1;

    border-radius:20px;

    transition:.25s;

    box-sizing:border-box;

}

.bl-product-cta .bl-cta-item:hover{

    background:#78902D;

    color:#fff !important;

}

.bl-product-cta .bl-cta-size{

    cursor:default;

}

.bl-product-cta .bl-cta-size:hover{

    background:#8BA63A;

}

.bl-product-cta a{

    text-decoration:none;

}

.bl-product-cta a:hover{

    text-decoration:none;

}

.bl-product-cta svg{

    width:14px;
    height:14px;

    margin-right:6px;

}

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

@media (max-width:768px){

    .bl-product-cta{

        display:flex;
        flex-direction:column;

        width:100%;

        margin:25px 0;

        gap:12px;

    }

    .bl-product-cta .bl-cta-item{

        display:flex;

        align-items:center;

        justify-content:center;

        width:100%;

        min-height:46px;

        padding:8px 18px;

        box-sizing:border-box;

    }

}

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

.bl-product-cta .bl-icon{

    width:15px;

    height:15px;

    fill:#4c4c4c;

    flex-shrink:0;

}

.bl-product-cta .bl-cta-item{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    border-radius:20px;
    
    border: 1px solid #8BA63A;

}

.bl-product-cta .bl-cta-item span{

    display:flex;

    align-items:center;

}