/* Estilo general para el botón de añadir al carrito */
.button-add-to-cart {
  border: 1px solid #fb8524;
  background: #FF8E30;
  font-weight: normal;
  font: 700 14px / 21px 'Libre Franklin', sans-serif;
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 10px;
  display: block; /* Asegura que el botón esté en bloque */
  opacity: 0; /* Oculto por defecto */
  transform: translateY(20px); /* Mueve el botón abajo del contenedor */
  transition: opacity 0.3s ease, transform 0.3s ease; /* Añade transición para una animación suave */
}
/* Estilo para el contenedor del producto cuando se pasa el mouse */
@media (min-width: 768px) { /* Cambia el tamaño de pantalla según tu diseño */
  .js-product:hover .button-add-to-cart {
      opacity: 1; /* Hace el botón visible */
      transform: translateY(0); /* Mueve el botón a su posición original */
  }

  /* Oculta el botón inicialmente en pantallas grandes */
  .button-add-to-cart {
      opacity: 0; /* Oculto por defecto en pantallas grandes */
      transform: translateY(20px); /* Mueve el botón abajo del contenedor */
  }
}