card {
  height: 10vh;
  transition: transform 0.6s ease, box-shadow 0.3s ease;
  transform-style: preserve-3d;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.3);
}
.card:hover {
  transform: rotateY(20deg) scale(1.05); /* Rotate and scale on hover */
  box-shadow: 0 8px 20px rgba(255, 255, 255, 0.3); /* Enhanced shadow on hover */
}
.text-center button {
  font-size: 12px;
  font-weight: 500;
}
.card-body button {
  position: absolute;
  top: 50%;
  display: none;
  transform: translateY(-50%);
}
.card:hover button {
  display: block; /* Show button when card is hovered */
}