Specials: Medium Grow Horizontally

<div class="specials">

    <div class="specials--medium-horizontally  ">
        <button type="button" class="specials__toggle" data-info-tooltip-content="Sale" style="background-color: #e30a24;">
            <span class="visually-hidden">Sale</span>
            <span class="image ">
                <picture>
                    <img src="/example-assets/images/specials/sale.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                </picture>
            </span>

        </button>
        <button type="button" class="specials__toggle" data-info-tooltip-content="New" style="background-color: #333333;">
            <span class="visually-hidden">New</span>
            <span class="image ">
                <picture>
                    <img src="/example-assets/images/specials/new.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                </picture>
            </span>

        </button>
        <button type="button" class="specials__toggle" data-info-tooltip-content="Eco" style="background-color: #02bd44;">
            <span class="visually-hidden">Eco</span>
            <span class="image ">
                <picture>
                    <img src="/example-assets/images/specials/eco.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                </picture>
            </span>

        </button>
        <button type="button" class="specials__toggle" data-info-tooltip-content="Demnächst" style="background-color: #44a0d9;">
            <span class="visually-hidden">Demnächst</span>
            <span class="image ">
                <picture>
                    <img src="/example-assets/images/specials/alarm.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                </picture>
            </span>

        </button>
        <button type="button" class="specials__toggle" data-info-tooltip-content="Bestseller" style="background-color: #ef5800;">
            <span class="visually-hidden">Bestseller</span>
            <span class="image ">
                <picture>
                    <img src="/example-assets/images/specials/fire.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                </picture>
            </span>

        </button>
        <button type="button" class="specials__toggle" data-info-tooltip-content="Kauftipp" style="background-color: #44a0d9;">
            <span class="visually-hidden">Kauftipp</span>
            <span class="image ">
                <picture>
                    <img src="/example-assets/images/specials/tip.svg" class="image__img specials__toggle-image is-loading" alt="" onload="this.classList.remove('is-loading')" />
                </picture>
            </span>

        </button>
    </div>
</div>