.template-7012 button {
    transition: all .4s;
}

.template-7012 .template__image {
    max-width: 200px;
    flex: 0 0 200px;
}

/* image alt size on desktop */

@media (min-width: 991.92px) {
    
    .template-7012.template-7012--alt-image-size-desktop .template__image {
        max-width: 300px;
        flex: 0 0 300px;
    }
}

/*  Favourites btn  */

.template-7012 .template__favourites {
    position: absolute;
    top: 1px;
    right: 1px;
    padding: 15px;
    transition: background .4s;
    background-image: url('/assets/template_files/images/heart.svg');
    background-size: 92%;
    background-repeat: no-repeat;
    background-position: center center;
}

.template-7012 .template__favourites.active {
    background-image: url('/assets/template_files/images/heart_full.svg');
}

@media (min-width: 992px) {

    .template-7012 .template__favourites:hover {
        background-image: url('/assets/template_files/images/heart_full.svg');
    }
}

/* style-1 */

.template-7012.style-1 .template__image {
    max-width: 250px;
    flex: 0 0 250px;
}

/* svg ong hover white  */

.template-7012.style-1 .svg-hover-white path {
    transition: 0.3s;
}

.template-7012.style-1 .svg-hover-white:hover path {
    fill: white;
}


.template-7012 .see-cart {
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    font-size: 15px;
    padding-top: 5px;
    transition: all .3s;
    white-space: nowrap;
}

.template-7012 [buy-product-button][animate-add-to-cart][data-added-to-cart="1"] ~ .see-cart {
    opacity: 1;
    pointer-events: all;
}