Mudar a cor do botão "finalizar compra" no carrinho

Olá.

Consegui mudar a cor do botão “ADICIONAR À SACOLA” na página do produto

.produto .acoes-produto a.botao.botao-comprar.principal.grande {
    background-color: #25d366 !important;
}

e também o botão “FINALIZAR COMPRA” no checkout

body.pagina-carrinho.tema-transparente button.botao.principal.grande {
    background-color: #ff0000 !important;
}

Mas não consegui mudar o botão “FINALIZAR COMPRA” na página do carrinho:

Alguém pode me dar uma luz de como deixar o esse botão com o verde #25d366 igual ao botão na página do produto?

Esse funcionou, caso alguém precisar!
CSS
PÁGINA DO CARRINHO

body.pagina-carrinho.tema-transparente button.botao.principal.grande {
    background-color: #25d366 !important;
}


Olá, @BYMO ! Tudo bem?

Precisa de alguma ajuda para simplificar os estilos de cor e alinhamento da sua página? Posso te ajudar a padronizar esses detalhes para dar um visual mais profissional.

Fique à vontade para entrar em contato comigo!

Vi que você usou !important no CSS para ajustar o estilo da página. Ele realmente ajuda em casos específicos, mas queria te passar algumas dicas sobre o uso para facilitar o gerenciamento do seu código a longo prazo."

Uma boa alternativa é aumentar a especificidade das classes. Por exemplo, se precisar estilizar um botão específico, você pode usar uma classe mais detalhada, como .minha-secao .meu-botao, para que ele ganhe prioridade no CSS. Isso ajuda a manter o código mais organizado e fácil de ajustar no futuro.