Espaçamento e tamanho do botões
<div class="apresentacao__links">
<a class="apresentacao__links__link" href="https://instagram.com/AniMartins">Instagram</a>
<a class="apresentacao__links__link" href="https://github.com/MartinsAni8">GitHub</a>
Melhorando a visibilidade dos botões
.apresentacao__links__link {
background-color: #22D4FD;
width: 280px;
text-align: center;
border-radius: 16px;
Criando uma classe comum para botões
.apresentacao__links__link {
background-color: #22D4FD;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 24px;
font-weight: 600;
padding:21.5px 0 ;
text-decoration:none ;
Ajustando o espaçamento interno dos botões
.apresentacao__links__link {
background-color: #22D4FD;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 24px;
font-weight: 600;
padding:21.5px 0 ;
Importando e aplicando a fonte correta
@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:wght@600&display=swap');
.apresentacao__conteudo__titulo {
font-size: 36px;
font-family: 'Krona One', sans-serif;
}
.apresentacao__conteudo__texto {
font-size: 24px;
font-family: 'Montserrat', sans-serif;
}
.apresentacao__links {
display: flex;
justify-content: space-between;
}
.apresentacao__links__link {
background-color: #22D4FD;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 24px;
font-weight: 600;
padding:21.5px 0 ;
text-decoration:none ;
color:#000000;
font-family: 'Krona One', sans-serif;
}
/* Enquanto o valor none é responsável por limpar as decorações do elemento âncora,
a propriedade border-radius torna as bordas dos links arredondadas.*/