.brandy-product-template__thumbnail-group
  [data-block-name="woocommerce/product-image"] {
  position: relative;
  overflow: hidden;
}
.brandy-product-template__thumbnail-group
  [data-block-name="woocommerce/product-button"] {
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}

.brandy-product-template__thumbnail-group
  [data-block-name="woocommerce/product-image"]
  img {
  transition: all ease-in-out 0.3s;
}

li.product:hover
  .brandy-product-template__thumbnail-group
  [data-block-name="woocommerce/product-button"],
.brandy-product-template__thumbnail-group
  [data-type="woocommerce/product-button"] {
  opacity: 1;
  visibility: visible;
}

li.product:hover
  .brandy-product-template__thumbnail-group
  [data-block-name="woocommerce/product-image"]
  a::after {
  visibility: visible;
  opacity: 1;
}

li.product:hover
  .brandy-product-template__thumbnail-group
  [data-block-name="woocommerce/product-image"]
  img {
  scale: 1.1;
}

/** Override **/

body {
  /** normal state */
  --embla-button-background-color: var(--wp--preset--color--white);
  --embla-button-icon-color: var(--wp--preset--color--brandy-primary-text);
  --embla-button-border: 1.5px solid var(--wp--preset--color--white);
  --embla-button-shadow: 1.5px 1.5px 0px 0px
    var(--wp--preset--color--brandy-primary-text);

  /* hover state */
  --embla-button-background-color-hover: var(--wp--preset--color--white);
  --embla-button-icon-color-hover: var(--wp--preset--color--brandy-primary-text);
  --embla-button-border-hover: 1.5px solid
    var(--wp--preset--color--brandy-primary-text);
  --embla-button-shadow-hover: 1.5px 1.5px 0px 0px
    var(--wp--preset--color--brandy-primary-text);
}