@media screen and (min-width: 760px) {
  .product-layout {
    border: 1px solid #eeeeee;
    transition: all 0.2s ease-in-out;
    position: relative; /* Make this a positioning context */
    overflow: hidden; /* To contain the absolute caption if it ever overflows */
  }

  .product-layout:hover {
  }

  .product-layout .image {
    padding: 0px;
  }

  /* Hide the caption by default and show on hover */
  .product-layout .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(
      255,
      255,
      255,
      1
    ); /* Semi-transparent white background */
    padding: 15px; /* Re-add padding for content spacing */
    /*/opacity: 0;
    /*visibility: hidden;*/
  }

  .product-layout:hover .caption {
    opacity: 1;
    visibility: visible;
  }

  @media screen and (min-width: 768px) {
    .product-layout:hover {
      border: 1px solid #ebebeb;
    }

    .product-layout {
      padding-left: 0px !important;
      padding-right: 0px !important;
      margin-left: 10px !important;
      margin-right: 10px !important;
    }

    .product-layout:hover {
      padding-left: 10px !important;
      padding-right: 10px !important;
      margin-left: 10px !important;
      margin-right: 10px !important;
      transition: 0.5;

      padding-bottom: 0px !important;
    }

    .product-thumb {
      padding-top: 0px !important;
      padding-bottom: 0px !important;
    }
  }

  /* Swiper Navigation Arrows */
  .product-image-carousel .swiper-button-next,
  .product-image-carousel .swiper-button-prev {
    color: #000; /* Black arrows */
    width: 20px;
    height: 20px;
    margin-top: -10px; /* Center vertically */
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
  }

  .product-layout:hover .product-image-carousel .swiper-button-next,
  .product-layout:hover .product-image-carousel .swiper-button-prev {
    opacity: 1;
  }

  .product-image-carousel .swiper-button-next:after,
  .product-image-carousel .swiper-button-prev:after {
    font-size: 20px;
  }
}


.manos-product-card-button{
    display: flex;
    align-items: center;

    justify-content: center;
    background: transparent !important;
    border: 1px solid rgba(0, 64, 57, 1) !important;
    color: rgba(0, 64, 57, 1) !important;
    height: 40px;
    width: 250px;
    text-align: center m !important;
}

.manos-product-card-button:hover{
    background: transparent !important;
}