[Projeto] favoritando, fazendo o coraçao mudar de cor

Opa, bão? Acabando aqui o projeto e vim deixar o que fiz de diferente. Na verdade nem é muita coisa so adicionei o mudar de cor do botão favorito no card do carrossel:

***Antes de clicar:***

<br>***Clicado***<br>

Agora o código. Vou deixar o link do projeto no GitHub >>>AQUI<<<

HTML:

                <div class="card__botoes">

                    <ol class="botoes">
    
                        <li class="botoes__item">

                            <input type="checkbox" id="favoritos2" class="botoes__item-favorito">
            
                            <label for="favoritos2" class="botoes__item-favorito-favoritado">
                
                                <img src="assets/Favoritos.svg" alt="Icone de favoritos" class="botao__favorito">

                                <img src="assets/Favoritos clicado.png" alt="Icone de favoritos" class="botao__favoritado">    
                
                            </label>
                           
                        </li>

CSS:

.botao__favoritado {
    display: none;
    width: 51px;
    height: 45px;
}

.botoes__item-favorito {
    display: none;
}

.botoes__item-favorito:checked ~ .botoes__item-favorito-favoritado > .botao__favorito {
    display: none;
}

.botoes__item-favorito:checked ~ .botoes__item-favorito-favoritado > .botao__favoritado {
    display: block;
}

É isto. vlw falow