@-webkit-keyframes heart-zoom {
0%, 100%   {
-webkit-transform: scale(0.5);
opacity:0.2;
}
50%   {
-webkit-transform: scale(1.3);
opacity:1;
}
}
@-moz-keyframes heart-zoom  {
0%, 100%   {
-moz-transform: scale(0.5);
opacity:0.2;
}
50%   {
-moz-transform: scale(1.3);
opacity:1;
}
}
@-ms-keyframes heart-zoom  {
0%, 100%   {
-ms-transform: scale(0.5);
opacity:0.2;
}
50%   {
-ms-transform: scale(1.3);
opacity:1;
}
}
@-o-keyframes heart-zoom  {
0%, 100%   {
-o-transform: scale(0.5);
opacity:0.2;
}
50%   {
-o-transform: scale(1.3);
opacity:1;
}
}
@keyframes heart-zoom  {
0%, 100%   {
transform: scale(0.5);
opacity:0.2;
}
50%   {
transform: scale(1.3);
opacity:1;
}
} @-webkit-keyframes heart-zoom-reverse {
0%, 100%   {
-webkit-transform: scale(1.3);
opacity:1;
}
50%   {
-webkit-transform: scale(0.5);
opacity:0.2;
}
}
@-moz-keyframes heart-zoom-reverse {
0%, 100%   {
-moz-transform: scale(1.3);
opacity:1;
}
50%   {
-moz-transform: scale(0.5);
opacity:0.2;
}
}
@-ms-keyframes heart-zoom-reverse {
0%, 100%   {
-ms-transform: scale(1.3);
opacity:1;
}
50%   {
-ms-transform: scale(0.5);
opacity:0.2;
}
}
@-o-keyframes heart-zoom-reverse  {
0%, 100%   {
-o-transform: scale(1.3);
opacity:1;
}
50%   {
-o-transform: scale(0.5);
opacity:0.2;
}
}
@keyframes heart-zoom-reverse  {
0%, 100%   {
transform: scale(1.3);
opacity:1;
}
50%   {
transform: scale(0.5);
opacity:0.2;
}
}
.heart-animation {
display:inline-block;
margin:0 auto;
font-size:20px; 
line-height:20px;
letter-spacing:-20px;
-webkit-animation: heart-zoom infinite 1.2s;
-moz-animation: heart-zoom infinite 1.2s;
-ms-animation: heart-zoom infinite 1.2s;
-o-animation: heart-zoom infinite 1.2s;
animation: heart-zoom infinite 1.2s;
}
.heart-animation i{
color:#f0394d;
}
.heart-animation-reverse {
display:inline-block;
margin:0 auto; 
padding-right:20px;
font-size:20px; 
line-height:20px;
-webkit-animation: heart-zoom-reverse infinite 1.2s;
-moz-animation: heart-zoom-reverse infinite 1.2s;
-ms-animation: heart-zoom-reverse infinite 1.2s;
-o-animation: heart-zoom-reverse infinite 1.2s;
animation: heart-zoom-reverse infinite 1.2s;
}
.heart-animation-reverse i{
color:#999;
}