Customizing ‘Add To Cart’ Section Elementor PRO Single Product Template

Hello,

I’m currently using a CSS code to customize the add to cart section / size picker. The code is working correctly on the webbrowser now, but it is buggin on the phone.

My questions:

1. Can you move the block that is blue to the center ?

The website link
https://stellagami.nl/product/the-squared-scribbled-short-top/

Screenshot
https://ibb.co/LpPcyfc

2. Can you move the phone version of the block move to the center as well and fix the bug?

Screenshot
https://ibb.co/WxMYth3

MY CURRENT CSS CODE
.reset_variations {
display: none !important;
}

.woocommerce div.product.elementor form.cart table.variations td {
border: none;
}

.woocommerce .elementor-506 .elementor-element.elementor-element-e0c2cbf form.cart table.variations td.value:before {
display:none;
}
.woocommerce div.product.elementor form.cart table.variations td.value {
width: 40%;
}
.woocommerce div.product.elementor form.cart table.variations td.label {
width: 0;
}
.woocommerce div.product form.cart .variations label {
display: none;
}

The page I need help with: [log in to see the link]