<div class="ftr-card">
  <span class="ftr-block ftr-text--m ftr-in-space--t-s ftr-text--grey">Utilize o PIX copia e cola para realizar o pagamento do pedido.</span>
  <span class="ftr-block ftr-text--m ftr-in-space--t-s ftr-in-space--b-m " style="word-break:break-word;">{{ link_digitavel }}</span>
  <div class="flex ftr-out-space--t-m">


    {% if link_qrcodeurl%}
      <img src="{{ link_qrcodeurl }}" class="top-margin-x-small ftr-js-ripple-effect ftr-h--full js-imgQr"/>
    {% endif%}


    <div class="ftr-out-space--t-m">
      <span  class=" ftr-hidden text-large text-dark text-bold visible-block top-margin-large js-copy-content">{{ link_qrcode }}</span>
      <button class="ftr-btn ftr-h--full ftr-inline ftr-js-ripple-effect js-copy-action">
        <span>Cópiar código</span>
      </button>
    </div>

    {% if reloadPayment%}
      <div class="ftr-out-space--t-m">
        <button class=" ftr-btn ftr-h--full ftr-inline ftr-js-ripple-effect js-reloadPayment">
          <span>Atualizar HQCode</span>
        </button>
      </div>
    {% endif%}


  </div>
  <span class="ftr-block ftr-text--s ftr-in-space--t-m ftr-text--grey">Acesse a segunda via do boleto na tela do <a href="{{ link_order }}" class="ftr-text--primary">pedido</a> na sua conta.</span>
</div>