Reply To: Adjust add to cart button layout on mobile product page

HI

I put the code you mentioned, but it looked like this:
https://imgur.com/g6aTz8d

I want the black button to fill the entire space.

Note: remember that I want to make this adjustment only for Mobile, on Desktop it is already ok, I have these 2 codes that you gave me to adjust the button on Desktop:

1-`/* Justificar os Botões Comprar na Página do Produto */

.woocommerce-variation-add-to-cart .single_add_to_cart_button,
.woocommerce-variation-add-to-cart .wd-buy-now-btn {
flex-grow: 1;
flex-basis: calc(50% – 52px);
}`

2- `/* Justificar os Botões Comprar na Página do Produto Simples */
.summary-inner form.cart :where(.single_add_to_cart_button, .wd-buy-now-btn) {
flex: 1 1 auto;
}`

How can I adjust the code to only work on Mobile?