@keyframes pulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.product-title-link,
.products .product .favorite-product {    }

.favorite-product {height: 25px; width: 25px;}

.single-product .favorite-product {
    padding: 0; float: right;
}

.single-product .favorite-product svg {
    height: 25px;
    width: 25px; 
    transition: all 0.2s ease-in-out;
}

.favorite-product svg {
    height: 25px;
    width: 25px;
    transition: all 0.2s ease-in-out;
}

.favorite-product svg > g  {
    stroke: #008371;
}

.favorite-product.is-favorited svg > g {
    fill: #008371;
}

.favorite-product.is-favoriting {
    animation: pulse 0.3s infinite;
}