{% comment %}
  Renders a list advertising banner

  Usage:
  {% render 'banner-advertise-v4'%}
{% endcomment %}

<xo-animate xo-cascade class='banner-advertise-v4'>
  <a href='/collections/all' class='banner-advertise-v4__image'>
    {% render 'image', image: section.settings.advertise_image %}
  </a>
  <div class='banner-advertise-v4__box'>
    <h3 class='banner-advertise-v4__title'>{{ section.settings.advertise_title }}</h3>
    {% render 'button',
      text: section.settings.button_text,
      link: section.settings.button_link,
      mode: section.settings.button_mode,
      style: section.settings.button_style,
      size: section.settings.button_size,
      radius: section.settings.button_radius,
      padding: section.settings.button_padding,
      class: 'advertise'
    %}
  </div>
</xo-animate>
