.imgcontainer img{
width: 90px;
height: 60px;
object-fit: cover;
}
.shopper{
	padding: 10px 4px;
	border: 1px solid  #48829B;
	width: 170px;
	text-align: center;
	border-radius: 6px;
	background: #FFFFFF;
	color: #0e455c;
}
.freeButton {
	padding: 10px 4px;
	border: 1px solid #34B912;
	width: 170px;
	text-align: center;
	border-radius: 6px;
	background-color: #34B912;
	color: white;
	transition: transform 0.3s ease; /* Agregamos transición para suavizar el efecto */
  }
  
  .freeButton:hover {
	transform: translateX(0); /* Aseguramos que el botón vuelva a su posición original al pasar el mouse */
	animation: shake-horizontal 0.6s cubic-bezier(0.25, 0.1, 0.25, 1) both; /* Cambiamos la curva de la función de temporización */
  }
  
  @keyframes shake-horizontal {
	0%, 100% {
	  transform: translateX(0);
	}
	25%, 75% {
	  transform: translateX(-5px);
	}
	50% {
	  transform: translateX(5px);
	}
  }
  
.shopper:hover{
	cursor: pointer;
	/*background-color: #48829B;*/
	
}
.hotsale{
	color: darkred;

}
.hotsale a:hover{
	background: white;
	color:  red;
}
.hotsale h6{
	color: black;
}
.hotsale:hover h6{
	color: red;
	font-weight: bolder;
}