Style Guide

<div class="orderButtonWrapper [modifier class]">
    <div class="quantity">
        <input type="number" name="name" value="0" min="1" max="99" step="1" [modifier class]>
        <div class="quantity__spinner">
            <div class="quantity__spinnerItem quantity__spinnerItem--up js-spinnerUp">
                <i class="icon icon-spinner-up"></i>
            </div>
            <div class="quantity__spinnerItem quantity__spinnerItem--down js-spinnerDown">
                <i class="icon icon-spinner-down"></i>
            </div>
        </div>
    </div>
    <button type="submit" class="button button--primary orderButton">
          <span>Warenkorb</span><i class="icon icon-basket"></i>
    </button>
</div>
<div class="orderButtonWrapper [modifier class]">
    <div class="quantity">
        <input type="number" name="name" value="0" min="1" max="99" step="1" [modifier class]>
        <div class="quantity__spinner">
            <div class="quantity__spinnerItem quantity__spinnerItem--up js-spinnerUp">
                <i class="icon icon-spinner-up"></i>
            </div>
            <div class="quantity__spinnerItem quantity__spinnerItem--down js-spinnerDown">
                <i class="icon icon-spinner-down"></i>
            </div>
        </div>
    </div>
    <button type="submit" class="button button--primary orderButton orderButton--customizable">
          <span>Individualisieren</span><i class="icon icon-basket"></i>
    </button>
</div>