Olá!
No Figma usado na aula, o texto fica centralizado e a caixinha dos botões é maior. No meu projeto, as caixinhas ficam coladas no conteúdo escrito. Já revisei, tentei ajustar, mas não consigo encontrar o erro. Segue a imagem de como fica.
Se alguém puder me ajudar, agradeço! <3
Segue código CSS e HTML:
.apresentacao__links__botao {
border: 2px solid #22D4FD;
font-size: 24px;
font-weight: 600px;
/*background-color: #22D4FD; */ caso queira deixar o botão com fundo azul
width: 378px;
text-align: center;
border-radius: 8px;
padding: 21.5px 0;
text-decoration: none;
color: #f6f6f6;
font-family: 'Montserrat', sans-serif;
}
<header></header>
<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">um Front-end de qualidade!</strong></h1>
<p class="apresentacao__conteudo__paragrafo">Olá! Sou Amanda Stefan, desenvolvedora Front-end com especialidade em React, HTML e CSS.
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://www.instagram.com/amanda__stefan/">Instagram</a>
<a class= "apresentacao__links__botao" href="https://github.com/AmandaStefan">Github</a>
</div>
</section>
<img src="perfil.jpg" alt="Foto da Amanda Stefan" class="imagem-redimensionada">
</main>
