[Dúvida] Sacola e favoritos não ficam alinhados

Fiz o código igual ao curso, mas percebi que os botões da sacola e favoritos não ficam alinhados, alguem sabe como resolver?HTML

<div class="card__botoes">
                    <!--1° coluna-->
                    <ul class="botoes">
                        <li class="botoes__item"><img src="./assets/img/Favoritos.svg" alt="favoritos"></li>
                        <li class="botoes__item"><img src="./assets/img/Sacola.svg" alt="sacola de compras"></li>
                    </ul>

CSS

.card__botoes {
    display: flex;
    justify-content: space-between;
}
.botoes {
    display: flex;
}
.botoes__item {
    margin: 0 0.5em;
}