.hearts{position:relative} .hearts .small{font-size:.6em} .withlove .icon-heart{position:relative;margin-right:0;line-height:1;cursor:default;color:#8e9698;-moz-transition:all .5s ease;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease} .hearts:hover .icon-heart{color:#f79090} .icon-heart.small{opacity:0;position:absolute;top:0;left:0}#heart-two{-moz-transform:rotate(-8deg);-webkit-transform:rotate(-8deg);-o-transform:rotate(-8deg);transform:rotate(-8deg)}#heart-three{-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg);-o-transform:rotate(-5deg);transform:rotate(-5deg)} .hearts:hover #heart-one{-moz-animation:heart-one 1s ease-out infinite;-webkit-animation:heart-one 1s ease-out infinite;-o-animation:heart-one 1s ease-out;infinite animation:heart-one 1s ease-out infinite} .hearts:hover #heart-two{-moz-animation:heart-two 1s ease-out .15s infinite;-webkit-animation:heart-two 1s ease-out .15s infinite;-o-animation:heart-two 1s ease-out .15s infinite;animation:heart-two 1s ease-out .15s infinite} .hearts:hover #heart-three{-moz-animation:heart-three 1.5s ease-out .3s infinite;-webkit-animation:heart-three 1.5s ease-out .3s infinite;-o-animation:heart-three 1.5s ease-out .3s;animation:heart-three 1.5s ease-out .3s infinite}@-moz-keyframes heart-one{0%{opacity:0;top:-10px;left:5px}20%{opacity:1;top:-10px}100%{opacity:0;top:-20px;left:10px}}@-moz-keyframes heart-two{0%{opacity:0;top:0;left:0}20%{opacity:1;top:-10px;left:-8px;-moz-transform:scale(1.2,1.2)}100%{opacity:0;top:-25px;left:-8px}}@-moz-keyframes heart-three{0%{opacity:0;top:-5px;left:10px}20%{opacity:1;top:-15px;left:15px;-moz-transform:scale(1.4,1.4)}100%{opacity:0;top:-25px;left:13px}}@-webkit-keyframes heart-one{0%{opacity:0;top:-10px;left:5px}20%{opacity:1;top:-10px}100%{opacity:0;top:-20px;left:10px}}@-webkit-keyframes heart-two{0%{opacity:0;top:0;left:0}20%{opacity:1;top:-10px;left:-8px;-webkit-transform:scale(1.2,1.2)}100%{opacity:0;top:-25px;left:-8px}}@-webkit-keyframes heart-three{0%{opacity:0;top:-5px;left:10px}20%{opacity:1;top:-15px;left:15px;-webkit-transform:scale(1.4,1.4)}100%{opacity:0;top:-25px;left:13px}}@-o-keyframes heart-one{0%{opacity:0;top:-10px;left:5px}20%{opacity:1;top:-10px}100%{opacity:0;top:-20px;left:10px}}@-o-keyframes heart-two{0%{opacity:0;top:0;left:0}20%{opacity:1;top:-10px;left:-8px;-o-transform:scale(1.2,1.2)}100%{opacity:0;top:-25px;left:-8px}}@-o-keyframes heart-three{0%{opacity:0;top:-5px;left:10px}20%{opacity:1;top:-15px;left:15px;-o-transform:scale(1.4,1.4)}100%{opacity:0;top:-25px;left:13px}}@keyframes heart-one{0%{opacity:0;top:-10px;left:5px}20%{opacity:1;top:-10px}100%{opacity:0;top:-20px;left:10px}}@keyframes heart-two{0%{opacity:0;top:0;left:0}20%{opacity:1;top:-10px;left:-8px;transform:scale(1.2,1.2)}100%{opacity:0;top:-25px;left:-8px}}@keyframes heart-three{0%{opacity:0;top:-5px;left:10px}20%{opacity:1;top:-15px;left:15px;transform:scale(1.4,1.4)}100%{opacity:0;top:-25px;left:13px}}