{% if link_digitavel is defined %}
  <div class="paper padding-large bottom-margin-medium text-center">

    <span class="text-medium text-gray visible-block">Utilize o número do código de barras para realizar o pagamento do pedido.</span>
    {% if link_qrcode%}
    <img src="{{ link_qrcode }}" class="top-margin-large"/>
    {% endif%}
    <span
      class="text-large text-dark text-bold visible-block top-margin-large js-copy-content">{{ link_digitavel }}
    </span>
    {% if link_qrcode%}
    <img src="{{ link_barcode }}" class="top-margin-x-small"/>
    {% endif%}
    <div class="flex middle-xs center-xs top-margin-medium search-instruction">
        <a href="{{ link_boleto }}" target="_blank"
           class="search-instruction btn-default btn-medium btn-outline top-margin-small">
          <span>Imprimir boleto</span>
        </a>
        <button class="search-instruction btn-default btn-medium btn-outline top-margin-small js-copy-action">
          <span>Cópiar código</span>
        </button>
    </div>

    <span class="text-small text-gray visible-block top-margin-medium">Acesse a segunda via do boleto na tela do <a href="{{ link_order }}">pedido</a> na sua conta.</span>
  </div>
{% endif %}