Mão na massa

1. Adicionando um subtítulo a pagina.

<div class="apresentacao__links">
  <h2>Acesse minhas redes:</h2>
  <a href="https://instagram.com" class="apresentacao__links__link">Instagram</a>
  <a href="https://github.com" class="apresentacao__links__link">Github</a>
</div>

1. Alterando a disposição dos elementos com Flexbox

.apresentacao__links {
  display: flex;
  flex-direction: column;
}

1. Ajustando o alinhamento e o espaçamento dos elementos

.apresentacao__links {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
}

1. Criando uma classe para o subtítulo

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

1. Estilizando o subtítulo

.apresentacao__links__subtitulo {
  font-family: 'Krona One', sans-serif;
  font-weight: 400;
  font-size: 24px;
}

1. Modificando o estilo dos botões

.apresentacao__links__link {
  background-color: transparent; /* Removendo fundo ciano */
  color: #F6F6F6; /* Cor do texto branco */
  border: 2px solid #22D4FD; /* Borda sólida ciano */
  width: 378px; /* Largura ajustada */
  border-radius: 8px; /* Cantos arredondados */
}