[Projeto] evoluindo cada vez mais

        <h2 class="carrossel__titulo">MAIS VENDIDOS</h2>
        <div class="swiper">
            <!-- If we need pagination -->
            <div class="swiper-pagination"></div>
            <!-- Additional required wrapper -->
            <div class="swiper-wrapper">
                <!-- Slides -->
                <div class="swiper-slide"><img src="img/Javascript.svg" alt="livro1"></div>
                <div class="swiper-slide"><img src="img/Guia Front-end.svg" alt="livro2"></div>
                <div class="swiper-slide"><img src="img/ApacheKafka.svg" alt="livro3"></div>
                <div class="swiper-slide"><img src="img/Liderança.svg" alt="livro4"></div>
                <div class="swiper-slide"><img src="img/Gestão.svg" alt="livro5"></div>
                <div class="swiper-slide"><img src="img/ReactNative.svg" alt="livro6"></div>
                ...
            </div>
            <!-- If we need navigation buttons -->
            <div class="swiper-button-prev"></div>
            <div class="swiper-button-next"></div>
        </div>

        <div class="card">
            <div class="card__descrição">
                <div class="decrição">
                    <img class="estrelinhas" src="img/Estrelinhas.svg" alt="Estrelinhas">
                    <h3 class="descrição__titulo-autora">Autora do Mês</h3>
                    <h2 class="descrição__nome-autora">Juliana Agarikov</h2>
                    <p class="descrição__texto">Analista de sistemas e escritora, Juliana é especialista em Front-End.</p>
                </div>
                <img class="autora__imagem" src="img/Perfil-escritora 1.svg" alt="foto autora">
            </div>
            <div class="card__botões">

                <ul class="botões">
                    <li class="botões__lista"><img src="img/Favoritos.svg" alt="favoritar livro"></li>
                    <li class="botões__lista"><img src="img/Compras.svg" alt="comprar livro"></li>
                </ul>

                <a href="#" class="botões__ancora">Saiba mais</a>
            </div>
        </div>

    </section>

        color: var(--azul);
        font-size: 18px;
        font-weight: 700;
        margin: 1em 0;
}

.descrição__titulo-autora{
        font-size: 18px;
        font-weight: 700;
        color: var(--amarelo);
        margin: 0.5em 0;
}

.estrelinhas{
        margin: 0.5em 0;
}