[Projeto] Desafio concluído

<div class="autora">
        <div class="autora__detalhe">
            <div class="detalhe">
                <img src="img/Estrelinhas.svg" alt="5 estrelas">
                <h3 class="detalhe__titulo">Autora do Mês</h3>
                <h2 class="detalhe__nome">Juliana Agarikov</h2>
                <p class="detalhe__texto"> Analista de sistemas e escritora, Juliana é especialista em Front-End.</p>
            </div>
            <img src="img/Perfil-escritora 1.svg" atl="Foto de Juliana Agarikov">
        </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>
        </div>

    </div>

.autora {
    background-color: var(--branco);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin: 1em;
    padding: 1em;
}

.autora__detalhe {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5em;
}

.detalhe__titulo {
    color: var(--laranja);
    font-weight: 700;
    margin-top: 0.5em;
}

.detalhe__nome {
    color: var(--azul);
    font-size: 18px;
    font-weight: 700;
    margin: 0.5em 0;
}

.detalhe__texto {
    font-size: 14px;
}

.autora__icones {
    display: flex;
    justify-content: space-between;    
}