.heart {
      cursor: pointer;
      width: 26px;
      height: 24px;
      transition: transform 0.50s;
	  position: absolute;
	  top: 6px;
	  right: 6px;
	  opacity: 0; /* 0.35 */
	  backface-visibility: hidden;
	  transform-origin: center center;
	  z-index: 9999;
    }
	
	.heart:hover {
	opacity: 1;
	transform: scale(1.3);
	}

	@keyframes vibrate { 
	background: transparent;
	
	0%   { transform: scale(1); opacity: 1.0;}
	
	10%  { transform: scale(1.3); opacity: 1.0;}
	15%  { transform: scale(1); opacity: 1.0;}

	20%  { transform: scale(1.3); opacity: 1.0;}
	25%  { transform: scale(1); opacity: 1.0;}

	30%  { transform: scale(1.3); opacity: 1.0;}
	35%  { transform: scale(1); opacity: 1.0;}

	40%  { transform: scale(1.3); opacity: 1.0;}
	45%  { transform: scale(1); opacity: 1.0;}

	50%  { transform: scale(1.3); opacity: 1.0;}
	55%  { transform: scale(1); opacity: 1.0;}
	
	60%  { transform: scale(1.3); opacity: 1.0;}
	65%  { transform: scale(1); opacity: 1.0;}

	70%  { transform: scale(1.3); opacity: 1.0;}
	75%  { transform: scale(1); opacity: 1.0;}

	80%  { transform: scale(1.3); opacity: 1.0;}
	85%  { transform: scale(1); opacity: 1.0;}

	90%  { transform: scale(1.3); opacity: 1.0;}
	95%  { transform: scale(1); opacity: 1.0;}

	100% { transform: scale(1); opacity: 1.0;}
	}

	.heart.vibrating {
	  animation: vibrate 2.2s ease-in-out;
	}

    .pulse {
      animation: pulse 0.5s ease;
    }

    @keyframes pulse {
      0% { transform: scale(1); }
      50% { transform: scale(1.3); }
      100% { transform: scale(1); }
    }