/* ========================================
   Animation keyframes
   ======================================== */

@keyframes heartBeat {
    0% {
        transform: translateZ(0) scale(1);
    }
    25% {
        transform: translateZ(0) scale(1.2);
    }
    50% {
        transform: translateZ(0) scale(1.0);
    }
    75% {
        transform: translateZ(0) scale(1.2);
    }
    100% {
        transform: translateZ(0) scale(1);
    }
}

/* hover 상태 전용 heartbeat - hover의 기본 scale(1.1)에서 시작하고 끝남 */
@keyframes heartBeatHover {
    0% {
        transform: translateZ(0) scale(1.1);
    }
    25% {
        transform: translateZ(0) scale(1.3);
    }
    50% {
        transform: translateZ(0) scale(1.1);
    }
    75% {
        transform: translateZ(0) scale(1.3);
    }
    100% {
        transform: translateZ(0) scale(1.1);
    }
}