JSFiddle - React, Tailwind, and code Playground

HTML

<div class="woocommerce-variation-add-to-cart variations_button woocommerce-variation-add-to-cart-enabled">
    
        <div class="qib-container">
        <button type="button" class="minus qib-button">-</button>
        <div class="quantity buttons_added">
            <label class="screen-reader-text" for="quantity_610094fe7a505">Espresso Taster Pack (x3 Bags) quantity</label>          <input type="number" id="quantity_610094fe7a505" class="input-text qty text" step="1" min="1" max="" name="quantity" value="1" title="Qty" size="4" placeholder="" inputmode="numeric">
        <span class="q_inc"></span><span class="q_dec"></span></div>
        <button type="button" class="plus qib-button">+</button>
    </div>
    
    <button type="submit" class="single_add_to_cart_button button alt">Add to Cart</button>

</div>

CSS

label {display: none;}
button, input {float: left;}