.heart-icon {
  margin-bottom: -41px;
  margin-right: -40px;
  display: inline-flex;
  width: 46px;
  height: 46px;
  transform: translate(-50%, -50%);
  background: url(/assets/img/custom/heart.png) no-repeat;
  background-position: 0 0;
  cursor: pointer;
}

.heart-icon.liked {
  animation: like-anim 0.7s steps(28) forwards;
}

@keyframes like-anim {
  to {
    background-position: right;
  }
}