Hey Again,

Could you provide the product page where we can view the issue and try some Custom CSS.

Thanks 

Escalating this to the developer for further response.

Best 

Hey UK-Designer-Guy,

You can try altering the order of those elements with CSS alone by adding the following snippet into the custom CSS box located in the Salient options panel > General Settings > CSS/Script related tab:

.woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
}
.woocommerce-variation-add-to-cart * {
 order: 3;
}
.woocommerce-variation-add-to-cart .quantity {
  order: 1;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  order: 2;
}

Kind regards

You're welcome

You can move that separator by amending the previous to snippet to be as follows:

.woocommerce-variation-add-to-cart {
    display: flex;
    flex-direction: column;
}
.woocommerce-variation-add-to-cart * {
 order: 4;
}
.woocommerce-variation-add-to-cart .quantity {
  order: 1;
}
.woocommerce-variation-add-to-cart .single_add_to_cart_button {
  order: 2;
}
.woocommerce-variation-add-to-cart #wc-stripe-payment-request-button-separator {
    order: 3;
}