.btn:hover {
  background-color: #ffffff;
  color: #000;
  transition: 0.3s ease-in-out;
}

.product-card {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.product-card:hover {
  transform: translateY(-10px);
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}


.product-card img {
  transition: transform 0.3s ease;
}
.product-card:hover img {
  transform: scale(1.1);
}