refatoração

HTML

<header class="cabecalho__container">
        <div class="cabecalho">
            <a href="" class="cabecalho__logo" aria-label="Página inicial">
                <img class="cabecalho__logo--icone" alt="Logotipo da empresa" src="/img/logoprovisriabranca-1@2x.png" />
            </a>
            <nav class="cabecalho__navegacao" aria-label="Navegação principal">
                <ul>
                    <li><a class="cabecalho__navegacao--item" href="/blog">Blog</a></li>
                    <li><a class="cabecalho__navegacao--item" href="/pacotes">Pacotes de viagem</a></li>
                    <li><a class="cabecalho__navegacao--item" href="/contato">Contato</a></li>
                </ul>
            </nav>
        </div>
    </header>	

CSS

.cabecalho__navegacao ul{ 
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.cabecalho__navegacao li {
 margin-right: 50px;
}