/** Override **/

body {
  /** normal state */
  --embla-button-background-color: #ffffff4a;
  --embla-button-icon-color: var(--wp--preset--color--brandy-foreground);
  --embla-button-border: 0;
  --embla-button-shadow: none;

  /* hover state */

  --embla-button-background-color-hover: #ffffff;
  --embla-button-icon-color-hover: var(--wp--preset--color--brandy-foreground);
  --embla-button-border-hover: 0;
  --embla-button-shadow-hover: none;
}

.embla__button {
  backdrop-filter: blur(20px);
}

/** Deprecated **/
.brandy-product-template__thumbnail-group
  .wp-block-woocommerce-product-button {
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}

.brandy-product-template__thumbnail-group
  .wp-block-woocommerce-product-image
  img {
  transition: all ease-in-out 0.3s;
}

li.product:hover
  .brandy-product-template__thumbnail-group
  .wp-block-woocommerce-product-button {
  opacity: 1;
  visibility: visible;
}