/* Parts are from twitter.com */
.HeartAnimation {
    padding-top: 2em;
    /* background-image: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/66955/web_heart_animation.png"); */
    background-image: url("../../../../images/web_heart_animation.png");
    background-repeat: no-repeat;
    background-size: 2900%;
    background-position: left;
    height: 50px;
    width: 70px;
    margin: 0 auto;
    cursor: pointer;
}

.animate {
    -webkit-animation: heart-burst 0.8s steps(28) forwards;
    animation: heart-burst 0.8s steps(28) forwards;
}

@-webkit-keyframes heart-burst {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}

@keyframes heart-burst {
    0% {
        background-position: left;
    }

    100% {
        background-position: right;
    }
}