Arredondar os botões e deixar com cor chapada

Layout
1

Pessoal, boa tarde!

Como eu faço para arredondar os botões da minha loja?
Além de arredondar, gostaria de deixar a cor chapada (no modo free, ele tem um leve gradiente, eu gostaria de deixar a cor chapada mesmo).

  • Botão “Ver mais” da home
  • Botões “Finalizar compra” e “Continuar comprando” do carrinho
  • Botão “Continuar” da página onde informa o email para iniciar o checkout
  • Botão “Finalizar compra”

Ou seja, todos os botões da loja mesmo (desktop e mobile, claro).

P.s: Quero com border-radius: 30px. Eu consegui fazer isso somente nas páginas dos produtos rsrs

A loja está aqui:

Obrigada

2

Botão VER MAIS e FINALIZAR COMPRA(2x):
.botao.principal.botao-comprar, .botao.principal.grande, .acoes-produto-responsiva .tag-comprar {
background-color: #EC5159;
border-radius:
30px;
}

Botão CONTINUAR COMPRANDO
.botao {
border-radius: 30px;
background-image: none !important;
}

Botão CONTINUAR pág email
.identificacao .control-group .submit-email.botao.principal {
border-radius: 30px;
}

Acho que é isso.
Acredito que o background-image: none remove o degradê de todos os botões.

3 curtidas