Solucionado
O border radius arredonda o botão, mas não entendi qual tag traz essa forma de retângulo, seria só pelo background ( se for só pelo back ground, não há chance de colar os botões sem o border radius? ) ? Fiquei confuso também sabendo da existência da tag
Oi Rodrigo, tudo bem?
A propriedade border-radius é utilizada para arredondar as bordas de um elemento, como um botão.
No caso dos botões em HTML, você pode utilizar a tag <button> para criar um botão com a forma de retângulo. Por exemplo:
<button>Meu botão</button>
No entanto, se você deseja criar um botão com bordas arredondadas, você pode adicionar a propriedade border-radius ao estilo do botão. Por exemplo:
<button style="border-radius: 10px;">Meu botão arredondado</button>
Dessa forma, o botão terá as bordas arredondadas com um raio de 10 pixels. Vale ressaltar que a propriedade border-radius também pode ser aplicada a outros elementos, como <div> ou <input>, para criar formas arredondadas.
Você pode ver aqui e aqui exemplos no codepen.
Espero ter ajudado.
Um abraço e bons estudos.