<style> 
/* Limitar largura total */
.primepag-pix-qrcode {
  max-width: 300px;
  margin: 0 auto;
  background: #ECEFF1;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  text-align: left;
}

/* Alinhar QR Code à direita com espaço abaixo */
.primepag-pix-qrcode img {
  display: block !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  width: 150px !important;
  height: 150px !important;
  background: #fff !important;
  border-radius: 8px !important;
  margin-bottom: 28px !important; /* Espaço de 28px abaixo do QR */
}

/* Estilo do código Pix */
.primepag-pix-qrcode h2 {
  font-size: 14px;
  background: #fff;
  padding: 12px;
  border-top-left-radius: 8px; /* Raio no canto superior esquerdo */
  border-top-right-radius: 8px; /* Raio no canto superior direito */
  color: #000;
  font-weight: bold;
  
  text-align: left;
  overflow-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  display: block;
  width: 100%;
}

/* Força quebra de texto em elementos filhos */
.primepag-pix-qrcode h2 * {
  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
}

/* Botão de copiar */
.primepag-pix-qrcode a.button-confirmar-primepag-pix {
  display: block;
  margin: 20px auto 0 auto;
  background: #ECEFF1 !important;
  color: #000 !important;
  border: 1px solid #ccc !important;
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  width: fit-content;
  box-shadow: none !important;
}
</style>
