Problema nas margens dos botões

As margens dos botões não acompanham as mudanças na página. Quando uso a ferramenta dev do navegador para visualizar a pagina em diferentes tamanhos, toda o conteúdo se reorganiza como fiz no código porém, as margens dos botões seguem no tamanho original, ficando até mesmo para "fora" da tela dependendo de quanto eu reduza.

<main class="apresentacao">
        <section class="apresentacao__conteudo">
            <!--perceba que, dentro da tag STRONG temos uma CLASS, isso porque queremos especificar que se trata dessa STRONG na tag H1 <br>
                e quando formos trabalhar com CSS, podemos modificar apenas essa tag, independente de quantas STRONG tivermos no código-->
            <h1 class="apresentacao__conteudo__titulo">Eleve seu negócio digital a outro nível <strong class="destaque-titulo">com um Front-end de qualidade!</strong></h1>
            <p class="apresentacao__conteudo__texto">Olá! Sou Guilherme Roledo, desenvolvedor Front-end com especialidade em <span>React, HTML e CSS</span>. 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__botoes" href="https://instagram.com/guilhermeroledo/">
                    <img src="./assets/icons8-instagram-old.svg"> Instagram</a>
                <a class="apresentacao__links__botoes" href="https://github.com/GuilhermeRoledo">
                    <img src="./assets/icons8-github.svg">GitHub</a>
                <a class="apresentacao__links__botoes" href="https://linkedin.com/in/guilherme-guaitolini-roledo-73a38614b/">
                    <img src="./assets/icons8-linkedin.svg">Linkedin</a>
            </div>
        </section>
        <img class="apresentacao__imagem" src="./assets/profile-pic.png" alt="foto do Guilherme em um fundo laranja.">
    </main>


.apresentacao__links__botoes{
 display: flex;
 justify-content: center;
 gap: 10px;
 border: 2px solid var(--cor-terciaria);
 color: var(--cor-secundaria);
 width: 378px;
 height: 40px;
 text-align: center;
 border-radius: 8px;
 font-size: 1,5rem;
 font-weight: 600;
 padding: 15px 0;
 text-decoration: none;
 font-family: var(--font-primaria);
}