.floatWapp{

  position:fixed;

  width:60px;

  height:60px;

  bottom:20px;

  right:20px;

  background-color:#25d366;

  color:#FFF;

  border-radius:50px;

  text-align:center;

  font-size:30px;

  box-shadow: 2px 2px 3px #999;

  z-index:100;

}



.my-floatWapp{

  margin-top:16px;

}

.product-grid-holder .product-item-holder {
  min-width: 0;
}

.product-item-holder .image img {
  display: block;
  width: auto;
  max-width: 100% !important;
  height: auto;
  max-height: 186px;
  margin: 0 auto;
  object-fit: contain;
}

.product-item-holder.hover:hover .product-item,
.product-item-holder.hover.test .product-item {
  position: relative;
  width: 100%;
  min-width: 0;
  padding-bottom: 0;
  box-shadow: 0 0 5px 0 #c6c6c6;
}

.product-item-holder.hover .product-item .hover-area,
.product-item-holder.hover:hover .product-item .hover-area,
.product-item-holder.hover.test .product-item .hover-area {
  position: static;
  display: block;
  width: 100%;
  padding: 10px 12px 12px;
  box-sizing: border-box;
}

.product-item-holder.hover .product-item .hover-area .add-cart-button {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin: 0;
}

.product-item-holder.hover .product-item .hover-area .add-cart-button::before {
  display: none;
}

.product-item-holder.hover .product-item .hover-area .add-cart-button a {
  flex: 1 1 130px;
  min-width: 0;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px !important;
  line-height: 1.2;
  white-space: normal;
}