.xb-wishlist-button{
  max-width:44rem;
}


.xb-wishlist-button__add-style-2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
   mix-blend-mode: normal;
  z-index: -1;
  transform: translateY(-100%);
  transition: transform 0.5s ease-in-out;
  border-radius: inherit;
}

/* Hover: slide background down */
.xb-wishlist-button__add-style-2:hover::before {
  transform: translateY(0);
  color:white;
}

/* Hover: text color change */
.xb-wishlist-button__add-style-2:hover{
  color: #fff !important;
}