Por que não é possível obter espaçamento entre a "descricao__titulo", a "descricao__titulo-livro" e a "descricao__texto" usando o gap? ( A instrutora o usou o margin na "descricao__titulo-livro" para obter o espaçamento).
<div class="card">
<div class="card__descricao">
<div class="descricao">
<h3 class="descricao__titulo">Talvez você se interesse por...</h3>
<h2 class="descricao__titulo-livro">Angular 11 e Firebase</h2>
<p class="descricao__texto">Construindo uma aplicação integrada com a plataforma do Google.</p>
</div>
<img class="descricao__imagem" src="./assets/Angular.svg" alt="Livro Angular imagem">
</div>
<div class="card__botoes">
<ul class="botoes">
<li class="botoes__item"><img src="./assets/Favoritos.svg" alt="Favoritar livro"></li>
<li class="botoes__item"><img src="./assets/Compras.svg" alt="Comprar livro"></li>
</ul>
<a class="botoes__ancora" href="#">Saiba mais</a>
</div>
</div>[Trecho do código HTML do card]
