@media (max-width: 768px) {
  body .row-fluid.banner.mini-banner,
  body div.row-fluid.banner.mini-banner,
  .banner.mini-banner,
  .mini-banner {
    display: none 
  }
}

/* ======= Alinhamento dos botões ======= */
.botao.botao-comprar.principal.grande {
  display: block;
  width: 100%;
}

/* Container dos botões */
.botao.botao-comprar.principal.grande,
.botao.botao-comprar.principal.grande + .botao-whatsapp {
  max-width: 100%;
  box-sizing: border-box;
}

/* Garante o alinhamento e espaçamento */
.botao.botao-comprar.principal.grande {
  margin-bottom: 8px;
}

/* Centraliza dentro do bloco de ação do produto */
.botao.botao-comprar.principal.grande,
.botao-whatsapp {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

/* Em telas pequenas, tudo 100% e centralizado */
@media (max-width: 768px) {
  .botao.botao-comprar.principal.grande,
  .botao-whatsapp {
    width: 100%;
    margin: 6px 0;
  }
}

/* aumenta o espaço entre o ícone (pseudo-elemento) e o texto do botão COMPRAR */
a.botao.botao-comprar.principal.grande::before {
  margin-right: 10px  /* pode trocar pra 8px se quiser menor */
}