Olá pessoal, boa tarde! Estou com uma duvida em relação ao espaço entre os elementos do site, ja verifiquei algumas vezes mas não consegui visualisar o erro
<section class="apresentacao__conteudo">
<h1 class="apresentacao__conteudo__titulo"> J&C Conservação De Bens e serviços.<strong
class="titulo-destaque"> Desde 1996, sendo referência em facility!
</strong></h1>
<p class="apresentacao__conteudo__texto">
Atuamos no mercado desde 1996, acreditamos que a terceirização de serviços tem papel
estratégico para o setor público e privado no que diz respeito a gestão de recursos financeiros
e humanos.
A J&C opera atualmente na capital, região metropolitana e interior do estado de São Paulo. Além disso
contamos com uma infraestrutura operacional e estrategica capaz de atender sua empresa a nivel nacional.
</p>
<div class="apresentacao__links">
<a class="apresentacao__links__link" href="http://www.jcterceirizacao.com.br/portaria.htm"> Site A </a>
</div>
</section>
<img src="novo logo jc .jpg" alt="Logo JC">
css
*{
margin: 0;
padding: 0;
}
body {
height: 100vh;
box-sizing: border-box;
background-color: #17558f ;
color: #ffffff;
}
.titulo-destaque {
color: #fc5047;
}
.apresentacao{
margin: 10%;
display: flex;
align-items: center;
justify-content: space-between;
}
.apresentacao__conteudo{
width: 615px;
}
.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: 'Montserrat', sans-serif;
}