
/*==================================================
=            FAVORITE BUTTON
==================================================*/

.lca-rent-card__image{

    position:relative !important;

}

.lca-favorite-button{

    position:absolute !important;

    top:14px !important;

    right:14px !important;

    width:42px !important;

    height:42px !important;

    display:flex !important;

    justify-content:center !important;

    align-items:center !important;

    border:none !important;

    border-radius:50% !important;

    background:rgba(255,255,255,.95) !important;

    color:#E74C6A !important;

    cursor:pointer !important;

    z-index:20 !important;

    box-shadow:0 8px 18px rgba(0,0,0,.12) !important;

    transition:.25s !important;

}

.lca-favorite-button:hover{

    background:#88B04B !important;

    color:#FFF !important;

    transform:scale(1.08) !important;

}

.lca-favorite-button.is-active{

    background:#6AA84F !important;

    color:#FFF !important;

}

.lca-favorite-button.is-active .lca-favorite-icon{

    color:#FFF !important;

}

.lca-favorite-button.is-active .lca-favorite-icon path{

    stroke:#FFF !important;

}

.lca-favorite-icon{

    width:22px !important;

    height:22px !important;

}



/*==================================================
=            FAVORITE ACTIVE
==================================================*/

.lca-favorite-button.is-active{

    background:linear-gradient(
        135deg,
        #7AC943 0%,
        #5E9E36 100%
    ) !important;

    color:#FFF !important;

    border:2px solid rgba(255,255,255,.25) !important;

    box-shadow:
        0 10px 25px rgba(106,168,79,.35),
        0 0 0 4px rgba(106,168,79,.15) !important;

    transform:scale(1.08) !important;

}

.lca-favorite-button.is-active:hover{

    transform:scale(1.14) !important;

    box-shadow:
        0 14px 35px rgba(106,168,79,.45),
        0 0 0 6px rgba(106,168,79,.18) !important;

}

.lca-favorite-button.is-active .lca-favorite-icon{

    color:#FFF !important;

}

.lca-favorite-button.is-active .lca-favorite-icon path{

    stroke:#FFF !important;

}


@keyframes lcaFavoritePop{

    0%{

        transform:scale(.8);

    }

    60%{

        transform:scale(1.18);

    }

    100%{

        transform:scale(1.08);

    }

}

.lca-favorite-button.is-active{

    animation:lcaFavoritePop .35s ease;
}