1- Espaçamento e tamanho dos botões:
<div class="apresentacao__links">
<a class="apresentacao__links__link" href="https://www.linkedin.com/in/wallace-ribeiro-a7a94180">Linkedin</a>
<a class="apresentacao__links__link" href="https://github.com/WallaceRBR">GitHub</a>
</div>
.apresentacao__links a {
padding: 10px 20px;
font-size: 16px;
margin: 5px;
}
2- Melhorando a visibilidade dos botões:
.apresentacao__links a {
font-size: 24px;
background-color: #22D4FD;
color: black;
border-radius: 16px;
}
3- Criando uma classe comum para botões:
.apresentacao__links a {
width: 280px;
text-align: center;
text-decoration: none;
4- Ajustando o espaçamento interno dos botões:
.apresentacao__links__link {
padding: 21.5px 0;
}
5- Importando e aplicando a fonte correta:
**anexar o link da fonte na primeira linha.**
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');
.apresentacao__links__link {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
color: #000000;
text-decoration: none;
}
.apresentacao__links__link {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
}