.item,
.frameFour-km {
  transition: transform 0.2s;
}

.item:active,
.item:hover,
.frameFour-km:active,
.frameFour-km:hover {
  -ms-transform: scale(1.05); /* IE 9 */
  -webkit-transform: scale(1.05); /* Safari 3-8 */
  transform: scale(1.05);
}

.item:hover {
  border-radius: 20px;
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}

/* .frameFour-km {
  transition: transform 3s;
  cursor: pointer;
} */

/* .frameFour-km:active,
.frameFour-km:hover {
  animation: swing 10s;
} */

/* Hiệu ứng button DK */
@keyframes beat {
  to {
    transform: scale(1.2);
  }
}
.heart {
  -webkit-animation: beat 3s infinite alternate;
  -moz-animation: beat 3s infinite alternate;
  -ms-animation: beat 3s infinite alternate;
  -o-animation: beat 3s infinite alternate;
  animation: beat 3s infinite alternate;
  -webkit-transform-origin: center;
  -moz-transform-origin: center;
  -o-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
}
@keyframes "beat" {
  to {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-moz-keyframes beat {
  to {
    -moz-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-webkit-keyframes "beat" {
  to {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-ms-keyframes "beat" {
  to {
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@-o-keyframes "beat" {
  to {
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}

@keyframes swing {
  0%,
  100% {
    transform: rotate(30deg);
  }
  10%,
  90% {
    transform: rotate(-30deg);
  }
  20%,
  80% {
    transform: rotate(30deg);
  }
  30%,
  70% {
    transform: rotate(-30deg);
  }
  40%,
  60% {
    transform: rotate(30deg);
  }
  500% {
    transform: rotate(50deg);
  }
}