html:

Eleve tu negocio digital a otro nivel con un Front-end de calidad!

    <p class="presentacion__contenido__texto">
        ¡Hola! Soy Ana García, desarrolladora Front-end con especialización en React, HTML y CSS.
        Ayudo a pequeños negocios y diseñadores a llevar a cabo buenas ideas. ¿Hablamos?
    </p>

    <div class="presentacion__enlaces">
        <h2 class="presentacion__enlaces__subtitulo">Accede a mis redes:</h2>

        <a class="presentacion__enlaces__link" href="https://github.com/">
            <img src="./assets/github.png" alt="Icono de Github">
            GitHub
        </a>

        <a class="presentacion__enlaces__link" href="https://linkedin.com/">
            <img src="./assets/linkedin.png" alt="Icono de LinkedIn">
            LinkedIn
        </a>

        <a class="presentacion__enlaces__link" href="https://twitch.tv/">
            <img src="./assets/twitch.png" alt="Icono de Twitch">
            Twitch
        </a>
    </div>
</section>

<img src="assets/Imagem.png" alt="Foto de Ana García desarrollando un proyecto">

Desarrollado por Alura Latam

css:

/* style.css */

.presentacion__enlaces__link {
display: flex;
justify-content: center;
align-items: center; /* para que el icono y texto estén centrados verticalmente /
gap: 16px; / espacio entre icono y texto */

color: #F6F6F6;
border: 2px solid #22D4FD;
background-color: transparent;
width: 378px;
border-radius: 8px;
text-align: center;
padding: 10px 0;
text-decoration: none;
transition: all 0.3s ease;

}

.presentacion__enlaces__link:hover {
border-color: #0000FF; /* borde azul al hacer hover /
background-color: #272727; / fondo negro más claro al hacer hover /
cursor: pointer; / cursor tipo mano */
}