/* Make the icon element animatable */
.xb-wishlist-header-icon__svg { display:inline-block; transform-origin:center; }

/* Pop animation */
@keyframes xb-wish-pop {
  0%   { transform: scale(1); }
  40%  { transform: scale(1.25); }
  100% { transform: scale(1); }
}

/* When we add .pulse (via JS) run the animation */
.xb-wishlist-header-icon__svg.pulse { 
  animation: xb-wish-pop 350ms ease-out;
}

/* Nice quick pop if user presses mouse/tap even without JS firing */
button:active .xb-wishlist-header-icon__svg,
a:active .xb-wishlist-header-icon__svg {
  animation: xb-wish-pop 300ms ease-out;
}