Consegui alinhar, mudar fonte separar, tudo... Porém as logos das redes sociais aparecem depois do nome, ao invés de aparecer antes. Como faço para escolher a posição?
segue o código
HTML
<div class="apresentacao__links"> <h2 class="apresentacao__links__subtitulo"> Acesse minhas redes:</h2> <a class="apresentacao__links__botao" href="https://instagram.com/rafaballerini">GitHub <img src="./assets/github.png"> </a> <a class="apresentacao__links__botao" href="https://github.com/guilhermeonrails">Linkedin <img src="./assets/linkedin.png"> </a> <a class="apresentacao__links__botao" href="https://www.youtube.com/">Twitch <img src="./assets/twitch.png"> </a> </div> </section> <img src="./assets/Imagem.png" alt="Foto da Joana Santos programando">
CSS
.apresentacao__links__botao{ display: flex; justify-content: center; gap: 16px; border: 2px solid #22D4FD; width: 378px; text-align: center; border-radius: 8px; font-size: 24px; font-weight: 600; padding: 16px; text-decoration: none; color: #F6F6F6; font-family: 'Montserrat', sans-serif; }
