{% comment %}
  Renders a carousel navigation.

  Usage:
  {% render 'carousel-navigation-style3' %}
{% endcomment %}

<xo-carousel-prev class='carousel-navigation-style3'>
  <div class='carousel-navigation-style3__icon-before carousel-navigation-style3__icon-before--left'>
    {% render 'icon', name: 'chevron-left', icon_size: '20' %}
  </div>
  <div class='carousel-navigation-style3__icon-after carousel-navigation-style3__icon-after--left'>
    {% render 'icon', name: 'chevron-left', icon_size: '20' %}
  </div>
</xo-carousel-prev>
<xo-carousel-next class='carousel-navigation-style3'>
  <div class='carousel-navigation-style3__icon-before carousel-navigation-style3__icon-before--right'>
    {% render 'icon', name: 'chevron-right', icon_size: '20' %}
  </div>
  <div class='carousel-navigation-style3__icon-after carousel-navigation-style3__icon-after--right'>
    {% render 'icon', name: 'chevron-right', icon_size: '20' %}
  </div>
</xo-carousel-next>
