Minha soluçao

HTML

<section class="card">
        <div class="card__descricao">
            <div class="descricao">
                <img src="img/Estrelinhas.png" class="avaliacao" alt="Avaliação 5 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>
            <img src="img//Perfil-escritora 1-1.png" class="descricao__imagem" alt="nao sei">
        </div>
        <div class="card__botoes">
            <ul class="botoes">
                <li class="botoes__item"><img src="img/Favoritos.svg" alt="Favoritar livro"></li>
                <li class="botoes__item"><img src="img/Compras.svg" alt="Adicionar no carrinho de compras"></li>
            </ul>
            <a href="#" class="botoes__ancora">Saiba mais</a>
    </section>

CSS

.avaliacao {
    padding: 0.5em 0;
}