Making variant drop-down menus side-by-side

Site URL: https://laurenalanedesign.com/shop/p/leo

Each of my products have drop-down menus for "size" and "quantity". I'd like to make the 2 drop-down menus appear side-by-side instead of stacked on the desktop view. On mobile, I'd like them to stay stacked, so they don't get too tiny.

I also can't figure out how to make them the same width -- "quantity" always shows up smaller, even when I adjust the "form width" option in the section editor.

Thanks in advance for any help you can offer! 🙂

My testing

12 hours ago, bangank36 said:

My testing

Thank you so much, I appreciate it! Do you know how I would add some space between the "Size" and "Quantity" boxes, and make the "Add to cart" button longer?

Disregard the mobile question, it turns out it isn't necessary!

Thanks again!

11 hours ago, LaurenAlaneDesign said:

Thank you so much, I appreciate it! Do you know how I would add some space between the "Size" and "Quantity" boxes, and make the "Add to cart" button longer?

Disregard the mobile question, it turns out it isn't necessary!

Thanks again!

I updated my previous code, kindly try it again

12 hours ago, bangank36 said:

I updated my previous code, kindly try it again

Thanks so much! That's perfect! Appreciate your help!