.kec-heart-icon,
.kec-heart-icon i,
.kec-like-icon,
.kec-like-icon i,
.kec-like-count {
    margin: 0;
    padding: 0;
}

.kec-post-like {
    width: auto;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    display: flex;
    align-items: center;
}

.kec-post-like .kec-like-count {
    font-size: 20px;
    font-weight: 900;
    line-height: 1.1;
}

.kec-heart-icon,
.kec-like-icon {}

.kec-heart-icon + .kec-like-count {
    color: #fff;
}

.kec-heart-icon i,
.kec-like-icon i {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: fill .4s ease, stroke .4s ease;
    color: #999
}
.liked .i,.kec-heart-icon:hover i,.kec-like-icon:hover i {
    fill: #ff6863;
    stroke: #ff6863
}

@keyframes heartBeat {
    0% {
        transform: scale(1)
    }
    20% {
        transform: scale(.8)
    }
    30% {
        transform: scale(.95)
    }
    45% {
        transform: scale(.75)
    }
    50% {
        transform: scale(.85)
    }
    100% {
        transform: scale(.9)
    }
}

@-webkit-keyframes heartBeat {
    0%, 100%, 50% {
        -webkit-transform: scale(1)
    }
    20% {
        -webkit-transform: scale(.8)
    }
    30% {
        -webkit-transform: scale(.95)
    }
    45% {
        -webkit-transform: scale(.75)
    }
}

.heart-pulse i {
    -webkit-animation-name: heartBeat;
    animation-name: heartBeat;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}