[Dúvida] não estou sabendo utilizar o padding direito

Se você está enfrentando problemas com o tamanho excessivo do botão âncora devido ao uso do padding, você pode ajustar o tamanho do botão e o espaçamento interno utilizando outros valores ou técnicas de estilização. Experimente reduzir os valores de padding, ou em vez de usar padding, você pode experimentar com margin, line-height, font-size, ou combinações deles para alcançar o visual desejado.

Aqui estão algumas sugestões para estilizar o botão âncora de forma mais controlada:

1. Reduza o padding:

a.botao-ancora {
  padding: 10px 20px; /* Ajuste os valores conforme necessário */
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
}

1. Use margin para controlar o espaçamento externo do botão:

a.botao-ancora {
  margin: 10px 0; /* Ajuste os valores conforme necessário */
  padding: 15px 20px; /* Ajuste os valores conforme necessário */
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
}

1. Ajuste o line-height para controlar o espaçamento vertical:

a.botao-ancora {
  padding: 0 20px; /* Ajuste os valores conforme necessário */
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  line-height: 40px; /* Ajuste os valores conforme necessário */
}

1. Use font-size para controlar o tamanho do texto do botão:

a.botao-ancora {
  padding: 15px 20px; /* Ajuste os valores conforme necessário */
  background-color: #007bff;
  color: #fff;
  text-decoration: none;
  font-size: 16px; /* Ajuste o valor conforme necessário */
}

Experimente essas opções e veja qual delas se adequa melhor ao seu design. Lembre-se de ajustar os valores conforme necessário para obter o visual desejado.