1. Replace previous custom code with this one

.summary-inner .single_add_to_cart_button {
	background-color: transparent;
	border: 2px solid var(--btn-shop-bgcolor);
	color: color: var(--wd-form-color);
	padding-top: 10px;
	padding-bottom: 10px;
	color: var(--btn-shop-bgcolor);
}

.summary-inner .single_add_to_cart_button:hover {
	border-color: var(--btn-shop-bgcolor-hover);
	color: #FFF
}

.summary-inner .single_add_to_cart_button.loading {
	background-color: var(--btn-shop-bgcolor-hover);
	border-color: var(--btn-shop-bgcolor-hover);
}

3. There are no options to choose a specific attribute for product hover. If you choose to show attributes on product hover it will display all current product attributes.

4. Height of the product list hover depends on the product picture aspect ratio and on the product description size in the right column. Product image aspect ratio depends on woocommerce product image settings and cannot be different from one product hover to another.

5. You have manually entered the name of the product using capitalize style (https://prnt.sc/rI4PDRynNdgy). This cannot be overwritten via CSS or typograpty settings. In this case, you need to manually change the product name end remove capitalize letters.

Kind Regards