eu usei só o "a" para estilizar os botões ao invés de colocar dentro <a class: "apresentacao__links__link" .....> e estilizou normal, eu deve mesmo criar essa classe por algum motivo do sistema dar algum problema futuro ou possso so deixar com o "a" mesmo.
a {
color: #ffffff;
background-color: #22D4FD;
border: 1px solid#005cc5;
padding: 12px 25px;
border-radius: 30px;}
Olá, Stephanie, como vai?
É possível estilizar diretamente a tag a, como você fez, e o resultado visual realmente será aplicado normalmente. No entanto, criar uma classe específica para esses botões é uma prática importante de organização e manutenção do CSS. Quando você estiliza apenas o seletor a, todas as âncoras da página passam a receber esse mesmo estilo, inclusive links que não deveriam ter aparência de botão. Em projetos maiores, isso costuma gerar retrabalho ou necessidade de sobrescrever estilos depois.
Por exemplo, imagine que no futuro você tenha um link simples no rodapé ou dentro de um parágrafo, como <p>Leia mais em <a href="#">nosso blog</a></p>. Se o seletor global a estiver com estilo de botão, esse link também ficará com fundo azul, padding e borda arredondada, o que provavelmente não é o comportamento desejado. Já usando uma classe, como <a class="apresentacao__links__link">GitHub</a>, você consegue aplicar o visual de botão apenas onde fizer sentido, mantendo os demais links com estilos diferentes.
Espero ter ajudado.
Siga firme nos seus estudos e conte com o fórum sempre que precisar.
Abraços :)