/********************** scale **********************/
.animation-zoom {
    animation: animation-zoom 0.5s;
}
@keyframes animation-zoom {
    0% {transform: scale(1);}
    50% {transform: scale(1.3);}
    100% {transform: scale(1);}
}

.animation-zoom-out {
    animation: animation-zoom-out 0.5s;
}
@keyframes animation-zoom-out {
    0% {transform: scale(1);}
    50% {transform: scale(0.9);}
    100% {transform: scale(1);}
}


/********************** shadow **********************/
.animation-shadow:after {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 100%;
    content: "";
    top: 0;
    left: 0;
    box-shadow: 0 0 10px #e73838, 0 0 10px #e73838;
    animation: shadow 1.2s .5s infinite;
}
@keyframes shadow {
    0% {
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1)
    }
    50% {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -o-transform: scale(1.2)
    }
    100% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        -moz-transform: scale(1.3);
        -o-transform: scale(1.3);
        opacity: 0
    }
}