Criar o design dos seus botões

Personalize os botões do seu site ajustando cores, fontes, bordas, sombras e muito mais. Este guia mostra as opções de estilo disponíveis e como aplicá-las.

Siga estas etapas para personalizar os estilos dos botões:

1. Use a visualização em lista para selecionar o bloco de botões.

2. Na barra lateral Configurações do bloco à direita, clique no ícone Estilos.

3. Personalize os seguintes estilos do bloco de botões:
   • Cor: escolha uma cor de fundo para o bloco. Saiba mais sobre cores.
   • Tipografia: altere o tipo e tamanho da fonte do botão. Saiba mais sobre tipografia.
   • Dimensões: defina o preenchimento, a margem e o espaçamento do bloco. Saiba mais sobre dimensões.
   • Borda: personalize a cor e o raio da borda. Saiba mais sobre bordas.

Siga estas etapas para aplicar estilos a botões individuais dentro do bloco de botões:

1. Use a visualização em lista para selecionar um botão individual no bloco de botões.

2. Na barra lateral Configurações do bloco à direita, clique no ícone Estilos.

3. Personalize os seguintes estilos:
   • Estilos: selecione preenchimento ou contorno para o estilo do botão.
   • Cor: escolha a cor do texto e do plano de fundo do botão. Saiba mais sobre cores.
   • Tipografia: altere o tipo, estilo e tamanho da fonte do botão. Saiba mais sobre tipografia.
   • Dimensões: defina o preenchimento ao redor de um botão individual. Saiba mais sobre dimensões.
   • Borda e sombra: personalize a cor e o raio da borda ou adicione uma sombra ao botão. Saiba mais sobre bordas.

Junto com as opções de tipografia disponíveis nos estilos de bloco, você pode aplicar formatação ao texto do botão seguindo estas etapas:

1. Use a visualização em lista para selecionar um botão individual no bloco de botões.
2. Selecione uma parte ou todo o texto do botão que você deseja formatar. 

3. Selecione as opções de formatação que preferir, incluindo:
   • Alinhar texto (à esquerda, ao centro ou à direita)
   • Adicionar link
   • Negrito
   • Itálico
   • O ícone Mais inclui:
     • Destaque: altere a cor do texto e a cor de fundo apenas do texto. Use estilos para alterar a cor do botão.
     • Código embutido
     • Imagem embutida
     • Estilo de entrada do teclado
     • Atributo de idioma
     • Tachado
     • Subescrito
     • Superescrito