.like{
  cursor: pointer;
  z-index: 99;
  width: 100px;
  height: 100px;
  background-image: url(https://cdn.shopify.com/s/files/1/0027/6588/1380/files/heartv5.png?110677);
  background-size: 2900px 100px;
}

.like.is-liked{
  animation-name: like;
  animation-duration: .8s;
  animation-timing-function: steps(28);
  animation-fill-mode: forwards;
}
@keyframes like {
  0%{
    background-position: 0 0;
  }
  100% {
    background-position: right;
  }
}