Já olhei o código milhares de vezes em busca do erro, conferi o meu com o código de vocês e está tudo igual, porém quando fica no zoom de 100% fica tudo estranho, imagem muito grande, botoes distorcidos e em 80% fica perfeito. Segue o código Html:

Eleve seu negócio digital a outro nível com um Front-end de qualidade!

        <p class="paragrafo">Olá! Sou Joana Santos, desenvolvedora Front-end com especialidade em <strong> React,
                HTML e CSS</strong>.
            Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</p>

        <div class="links__botoes">
            <a class="link__linkedin__github" href="https://www.linkedin.com/in/renessa-cerqueira/">LinkedIn</a>
            <a class="link__linkedin__github" href="https://github.com/srenessa">Github</a>
        </div>
    </section>

    <img src="Imagem.png" alt="foto da Joana Santos programando">
</main>
<footer></footer>

Segue código Css:

• { margin: 0; padding: 0; }

body { height: 100vh; box-sizing: border-box; background-color: black; color: white; }

.titulo-destaque { color: #22D4FD; }

.apresentacao { margin: 10% 15%; display: flex; align-items: center; justify-content: space-between; }

.apresentacao__conteudo { display: flex; flex-direction: column; gap: 40px; width: 615px; }

.titulo { font-size: 36px; font-family: 'Krona One', sans-serif; }

.paragrafo { font-size: 24px; font-family: 'Montserrat', sans-serif; }

.links__botoes { display: flex; justify-content: space-between; }

.link__linkedin__github{ background-color: #22D4FD; color: black; border-radius: 16px; width: 280px; text-align: center; font-size: 24px; text-decoration: none; padding: 21.5px 0 ; font-family: 'Montserrat', sans-serif; font-weight: 600; }

Imagem com zoom de 100%.

Imagem com zoom de 80%.

me ajudemmmm,pleasee