Image Cell: With Specials

<a href="#" class="image-cell__image-link">
      <div class="image ">
          <picture>
              <img src="/example-assets/images/responsive-table/thumb.png" class="image__img image-cell__image is-loading" alt="Alt" title="Title" srcset="/example-assets/images/responsive-table/thumb.png 1x, /example-assets/images/responsive-table/thumb.png 2x" onload="this.classList.remove('is-loading')" />
          </picture>
      </div>

  </a>

  <div class="image-cell__specials">
      <div class="specials">

          <div class="specials--medium-horizontally-vertically  ">
              <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>
          </div>
      </div>
  </div>