Problem with CSS when using with elementor single product template

We attempted to recreate the issue with Elementor, but as you can see from the screenshot, we couldn’t reproduce the issue.???

https://ibb.co/N2tnHFr

The section highlighted in red is the container for the Add-ons data, class name?zaddon_data

Our recommendation, review your layout settings in Elementor or Theme Product Page file and add a line break after the class name.

Seems u have just created new product, and than used elementor to edit it and save.
I could do the same and it looks fine, almost as a theme page, cos there is no elementor template used and and no editing done.
https://gyazo.com/77cfb32018da82354e868d61bcdebbe9
https://gyazo.com/7867db9ab9281a2c9585884519175bdf

But, if u will make a “single product” template with elementor,
https://gyazo.com/3b77b9aac5b707bc182fc06c292b1dd1

Than assign it to products in “publish settings” (this not matters rly)
https://gyazo.com/33db3569dda38462dae979c89a7fdb0e

And put “add to cart” button inside column
It will be like this, and same on a front end.
https://gyazo.com/4c2f740c9b2aedd4847da1c171f23fee

Put this code in your Customizer CSS. It solved my problem.

.woocommerce div.product.elementor form.cart.variations_form .woocommerce-variation-add-to-cart,
.woocommerce div.product.elementor form.cart:not(.grouped_form):not(.variations_form) {
	
 display: block;
}

.elementor-element ul.pewc-product-extra-groups {
 padding: 0;
}