<style>
.desconto-pix {
display: inline-flex;
align-items: center;
padding: 2px 15px;
border-radius: 10px;
font-size: 14px;
color: #ffffff;
background: #000;
border: 1px solid #0c86ff;
}
.desconto-pix svg {
fill: #ffffff;
height: 18px; /* Ajuste o tamanho do ícone */
margin-right: 5px; /* Ajuste o espaçamento entre o ícone e o texto */
}
.desconto-pix p {
margin: 0;
padding: 0;
flex-grow: 1;
font-size: 16px; /* Ajuste o tamanho da fonte */
line-height: 1.5; /* Ajuste o alinhamento vertical do texto */
}
</style>
<div class="desconto-pix">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path d="M242.4 292.5C247.8 287.1 257.1 287.1 262.5 292.5L339.5 369.5C353.7 383.7 372.6 391.5 392.6 391.5H407.7L310.6 488.6C280.3 518.1 231.1 518.1 200.8 488.6L103.3 391.2H112.6C132.6 391.2 151.5 383.4 165.7 369.2L242.4 292.5zM262.5 218.9C256.1 224.4 247.9 224.5 242.4 218.9L165.7 142.2C151.5 127.1 132.6 120.2 112.6 120.2H103.3L200.7 22.76C231.1-7.586 280.3-7.586 310.6 22.76L407.8 119.9H392.6C372.6 119.9 353.7 127.7 339.5 141.9L262.5 218.9zM112.6 142.7C126.4 142.7 139.1 148.3 149.7 158.1L226.4 234.8C233.6 241.1 243 245.6 252.5 245.6C261.9 245.6 271.3 241.1 278.5 234.8L355.5 157.8C365.3 148.1 378.8 142.5 392.6 142.5H430.3L488.6 200.8C518.9 231.1 518.9 280.3 488.6 310.6L430.3 368.9H392.6C378.8 368.9 365.3 363.3 355.5 353.5L278.5 276.5C264.6 262.6 240.3 262.6 226.4 276.6L149.7 353.2C139.1 363 126.4 368.6 112.6 368.6H80.78L22.76 310.6C-7.586 280.3-7.586 231.1 22.76 200.8L80.78 142.7H112.6z"></path>
</svg>
<p>Até <b>10% OFF</b> no PIX</p>
</div>