Alterar largura Botão comprar

[elevo]

Pesquisei na comunidade, mas não achei nada que resolvesse meu problema.
Queria que meu botão de comprar ficasse assim:

Ele está assim:

Se alguém puder ajudar, abraços

[Jose_Claudio_Alvarez]

Faz um teste adicionando esse código ao seu CSS:

.produto .acoes-produto .comprar {
    float: none;
}

div.comprar > a {
    width: 100%;
}

Depois dá uma olhada no resto da sua loja para ver se não bagunçou nada.

[elevo]

o que eu fiz de errado? segue o print…

[Jose_Claudio_Alvarez]

Falta fechar uma chave } no seu código anterior:

.conteiner-principal .conteiner {
    border:none;
    box-shadow: none;

[elevo]

Fod… irmão… deu certo.
mas passou um pouco o tamanho, vou colocar o print

[Jose_Claudio_Alvarez]

Faz um teste diminuindo o valor desse código:

div.comprar > a {
    width: 95%;
}

Vai alterando o valor do width até ele ficar certo.

[elevo]

BINGO…show irmao

[Jose_Claudio_Alvarez]

Descobri o que estava fazendo o botão estourar, era um outro CSS, para resolver isso você pode diminuir o valor do width ou atualizar o código que eu te enviei:

div.comprar > a {
    width: 100%;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

[elevo]

eu coloco esse novo no lugar?

[Jose_Claudio_Alvarez]

Você escolhe. Se alterando o valor do width já ficou bom, nem precisa trocar. Mas caso você perceba que ainda está estourando, é só atualizar o código.

[elevo]

eu coloquei o novo que você mandou agora, ficou redondo… show

[mayarasuetebatista]

Boooa @Jose_Claudio_Alvarez