Custom woocommerce-product-gallery__trigger (zoom lightbox icon)

_style.scss

// add text before
.woocommerce-product-gallery__trigger:before {
			content: "Click to zoom ";
      // set both font sizes
			font-size: 13px;
			font-size: 0.815rem;
			letter-spacing: normal;
			color: red;
			font-weight: 500;
}

// add image after 
.woocommerce-product-gallery__trigger:after {
			background: url('https://via.placeholder.com/20x20/d9d9d9/000000') no-repeat;
			z-index: 99;
			width: 15px;
			height: 15px;
			content: "";
			display: block;
			float: right;
			margin: 0 6px 0 6px;
}

// hide the dumb as fuck zoom emoji and position 
.woocommerce-product-gallery__trigger {
			font-size: 1px;
			letter-spacing: -1px;
			color: transparent;
			position: absolute;
			z-index: 99;
      // position the whole thing
			top: 6px;
			right: 0px;
			@media (min-width: 768px) {
				top: 20px;
				right: calc(60px + 20px);
			}
}