1) Adicionando um subtítulo à página

#index.html

<div class="apresentacao__links"> 
<h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2> 
</div>

2) Alterando a disposição dos elementos com Flexbox

#style.css

.apresentacao__links{ 
display: flex; 
flex-direction: column; 
/*código omitido*/

3) Ajustando o alinhamento e o espaçamento dos elementos

#style.css

.apresentacao__links{ 
/*Código omitido*/ 

align-items: center; 
gap: 32px; 

/*Código omitido*/ 
} 

4) Criando uma classe para o subtítulo

#index.html

<!--Código omitido --> 

<h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2> 

<!--Código omitido --> 

5) Estilizando o subtítulo

.apresentacao__links__subtitulo { 

font-family: "Krona One", sans-serif; 

font-weight: 400; 

font-size: 24px; 

}

6) Modificando o estilo dos botões

.apresentacao__links__link{ 

border: 2px solid #22D4FD; /* adicionada uma borda sólida de 2px na cor ciano (#22D4FD) */ 

width: 378px; /*Largura alterada para 378px*/ 

text-align: center; 

border-radius: 8px;/*alterados os cantos da borda para menos arredondados*/ 

font-size: 24px; 

font-weight: 600; 

padding: 21.5px 0; 

text-decoration: none; 

color: #F6F6F6; /*Cor do texto alterada pra branco*/ 

font-family: 'Montserrat', sans-serif;