.like-btn,
.like-btn-unuser {
  position: absolute;
  top: 1px;
  right: 1px;
  display: inline-block;
  background: url('/assets/img/like/twitter-heart.png');
  width: 80px;
  height: 80px;
  background-size: 2900%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.like-btn-product,
.like-btn-product-unuser {
  background: url('/assets/img/like/twitter-heart.png');
  width: 100px;
  height: 100px;
  background-size: 2900%;
  background-repeat: no-repeat;
  cursor: pointer;
}

.is-active {
  animation-name: animate;
  animation-duration: .8s;
  animation-iteration-count: 1;
  animation-timing-function: steps(28);
  animation-fill-mode: forwards;
}

@keyframes animate {
  0%   { background-position: left;  }
  50%  { background-position: right; }
  100% { background-position: right; }
}