/**
 * 1. keyframes for the image hotspot element class "popup-product".
 * 2. Defines the style of class "popup-product".
 */
@keyframes popup-product{
  0%{
    transform: scale(70%);
    opacity: 1;
  }
  100%{
    transform: scale(100%);
    opacity: 0;
  }
}
.popup-product{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index=10;
  width: 80px;
  height: 80px;
  max-width: 80px;
  max-height: 80px;
  border-radius: 50%;
  background: #dbb544;
  animation: popup-product 0.9s ease-in-out infinite;
}
.popup-product:hover {
	width: 80px;
    height: 80px;
	background: #25c462;
}