1 Organizando ícones nas redes sociais
<div class="apresentacao__links">
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes</h2>
<a class="apresentacao__links__link" href="https://github.com/andersonalencar">
<img src="./assets/github.png"> GitHub
</a>
<a class="apresentacao__links__link" href="https://www.linkedin.com/in/anderson-alencar">
<img src="./assets/linkedin.png"> Linkedin
</a>
<a class="apresentacao__links__link" href="https://www.instagram.com/anderson.alencar">
<img src="./assets/instagram.png"> instagram
</a>
2 Centralizando ícones e textos nos botões
.apresentacao__links__link{
display: flex;
justify-content: center;
}
3 Espaçamento entre ícones e textos
.apresentacao__links__link{
display: flex;
justify-content: center;
gap: 16px;
}
4 Personalizando o efeito Hover
.apresentacao__links__link{
display: flex;
justify-content: center;
gap: 16px;
border: 2px solid #0000ff;
}
5 Alterando o cursor e o fundo dos botões
.apresentacao__links__link:hover{
background-color: #272727;
}