.sk-card-like {
  position: absolute;
  top: 4px;
  right: 4px;
  z-index: 10;
  display: flex;
  align-items: center;
  padding: 5px;
  background: rgba(255, 255, 255, 0.7);
  /*backdrop-filter: blur(4px);*/
  border: none;
  border-radius: 50%;
  cursor: pointer;
  line-height: 1;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
  transition: background 0.15s, transform 0.1s;
}

.sk-card-like:hover {
  background: rgba(255,255,255,0.92);
}

.sk-card-like:active {
  transform: scale(0.93);
}

.sk-card-like__icon {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  overflow: visible;
}

.sk-card-like.is-liked .sk-card-like__icon {
  transform: scale(1.2);
}

.sk-card-like__icon path {
  fill: none;
  stroke: #555;
  stroke-width: 2;
  transition: fill 0.2s, stroke 0.2s;
}

.sk-card-like.is-liked .sk-card-like__icon path {
  fill: #e03b3b;
  stroke: #e03b3b;
}

.sk-card-like__svg-count {
  fill: #555;
  pointer-events: none;
  transition: fill 0.2s;
}

.sk-card-like.is-liked .sk-card-like__svg-count {
  fill: #fff;
}

@keyframes ms-like-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.45); }
  70%  { transform: scale(0.9); }
  100% { transform: scale(1.2); }
}

.sk-card-like.is-popping .sk-card-like__icon {
  animation: ms-like-pop 0.35s ease forwards;
}