[Bug] Bordas do botão

 </main>
    <footer class="rodape">
        <p>Desenvolvido Por Fabricio</p>
    </footer>
    
</body>
</html>

    .rodape {
        color: var(--cor-primaria);
        flex-direction: row;
        background-color: var(--cor-terciaria);
        text-align: center;
        font-family: var(--fonte-secundaria);
        font-size: 1.5rem;
        font-weight: 400;
                
    }
    
 <div class="apresentacao__links">
                <h2 class="apresentacao__links__subtitulo">Acesse minhas redes:</h2>
                <a class="apresentacao__links__navegacao" href="https://instagram.com/fabiulaabezerra">
                <img src="./assets/instagram.png">
                instagram
                </a>
                                            
                <a class="apresentacao__links__navegacao" href="https://www.whatsapp.com/?lang=pt_BR">
                    <img src="./assets/whatsapp (2).png">
                    whatsapp
                    </a>

.apresentacao__links__navegacao {
    /* background-color: #22D4FD; */
    display: flex;
    justify-content: center;
    gap: 16px;
    width: 50%;
    padding: 21.5px 0;
    border: 2px solid var(--cor-terciaria);
    text-align: center;
    border-radius: 8px;
    margin: 10px;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 21.5px 0;
    text-decoration: none;
    color: var(--cor-secundaria);
    font-family: var(--fonte-secundaria);
    }

```