Lista de exercícios - Icones/Hover

**1) Organizando ícones nas redes sociais **

<main class="apresentacao">
            <section class="apresentacao__conteudo">
            <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível <strong class="titulo-destaque">com um Front-end de qualidade!</Strong></h1>
            <p class="apresentacao__conteudo__texto">Olá! Sou Benjamin Bonaita, desenvolvedor Front-end com especialidade em <strong>Javascript, IA, HTML e CSS.</strong> Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>
            <div class="apresentacao__links">
                <h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
            <a class="apresentacao__links__botao" href="https://github.com/BenjaMin27-Dev">
                <img src="./Assets/github.png">
                Github
            </a>
            <a class="apresentacao__links__botao" href="https://www.linkedin.com/in/benjamin-lucas-lemos-da-silva-bonaita-bb677b1a6/">
                 <img src="./Assets/linkedin.png">
                Linkedin
            </a>
        </div>
        </section>
        <img src="Gato-com-computador.jpg" width="700" height="500" alt="Gato no computador">
    </main>
    <footer></footer>
</body>
</html>

**2) Centralizando ícones e textos nos botões **

.apresentacao__links__botao {
    /* background-color: #7CFC00; caso eu queria voltar com a cor do botão */
    display: flex;
    justify-content: center;
    border: 2px solid #22d4fd;

**3) Espaçamento entre ícones e textos **

.apresentacao__links__botao {
    /* background-color: #7CFC00; caso eu queria voltar com a cor do botão */
    display: flex;
    justify-content: center;
    gap: 16px;

**4) Personalizando o efeito Hover **

.apresentacao__links__botao:hover {
    background-color: #272727;
    border: 2px solid green;
}

**5) Alterando o cursor e o fundo dos botões **

.apresentacao__links__botao:hover {
    background-color: #272727;
}