Mudar bandeira

Bom dia, gostaria de alterar minha bandeira para o formato arredondado, alguem poderia me ajudar.

Segue imagem como esta no momento.

CSS

#corpo .listagem .listagem-item .bandeiras-produto .bandeira-promocao {
    border-radius: 10px;
}

Deu certo, muito obrigado Leonardo por sempre nos ajudar, uma outra duvida por gentileza.
teria como eu deixa menor o texto tipo o 20% e o OFF abaixo?

segue css completo, onde vc pode tocar [tamanho] por um numero a seu gosto.
sugestão entre 10 a 14;

#corpo .listagem .listagem-item .bandeiras-produto .bandeira-promocao {
    border-radius: 10px;
font-size: [tamanho]px
}
1 curtida

Consegui fazer a alteração da fonte e da Bora porem não ficou separado o texto.
Segue um exemplo como queria que ficasse.

image

ai realmente não vai ficar dessa forma

Existe alguma configuração pra deixar assim ou trocar o icone?

CSS

#corpo .listagem .listagem-item .bandeiras-produto .bandeira-promocao {
    border-radius: 100%;
    font-size: 16px;
    background-color: #0eb18a;
    width: 50px;
    white-space: break-spaces;
    height: 50px;
    line-height: normal;
    display: flex;
    align-items: center;
    color: black;
    font-weight: 900;
    justify-content: center;
}

2 curtidas

Deu certo meu mano…tu é brabo demais…gratidao viu…