<section class="carrossel">
<h2 class="carrossel__titulo">Mais Vendidos</h2>
<!-- Slider main container -->
<div class="swiper">
<!-- Additional required wrapper -->
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide"> <img src="./imag/Arquitetura.svg" alt="livro sobre arquitetura alura"></div>
<div class="swiper-slide"><img src="./imag/Construct2.svg" alt="livro sobre Construct2"></div>
<div class="swiper-slide"><img src="./imag/Gestão.svg" alt="livro sobre liderança"></div>
<div class="swiper-slide"><img src="./imag/Portugol.svg" alt="livro sobre portugol"></div>
<div class="swiper-slide"><img src="./imag/Tuning.svg" alt="livro sobre turning"></div>
<div class="swiper-slide"><img src="./imag/UX.svg"alt="livro sobre UX"></div>
</div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
<div class="card">
<!--primeira linha-->
<div class="card__descricao">
<!--primeira coluna-->
<div class="descricao">
<img src="./imag/Estrelinhas.svg" alt="estrelinhas" class="estrelas">
<h3 class="descricao__titulo">Autora do Mês</h3>
<h2 class="descricao__titulo-livro ">Juliana Agarikov</h2>
<p class="descricao__texto">Analista de sistemas e escritora, Juliana é especialista em Front-End.</p>
</div>
<!--segunda coluna-->
<img src="./imag/Perfil-escritora 1.svg" alt="Imagem do escritora Juliana" class="descricao__imagem">
</div>
<!--2° linha-->
<div class="card__botoes">
<!--1° coluna-->
<ul class="botoes">
<li class="botoes__item"><img src="./imag/Favoritos.svg" alt="favoritar livros"></li>
<li class="botoes__item"><img src="./imag/Compras.svg" alt="adicionar carrinho"></li>
</ul>
<!-- 2° coluna-->
<a href="#" class="botoes__ancora">Saiba mais</a>
</div>
</div>
</section>
