<style>
    .btn-wide {
        width: 290px;
        max-width: 290px;
        height: 48px;
        max-height: 48px;
    }
    @media screen and (max-width: 576px) {
        .btn-wide {
            width: 100%;
            max-width: 100%;
        }
    }
</style>

<div class="home-offers component">
  <div class="row">
    {{#each homepage.home-offers}}
      {{>card_content_filled linkValue="Buy now"}}
    {{/each}}
  </div>
  <div class="component__actions">
    <a href="./latestoffers" class="btn btn-primary btn_large btn-wide" tag-class="cta-0">Shop all offers</a>
  </div>
</div>
