.heart{
    height:3vh;
    cursor:pointer;
    transition:transform .2s ease;
}

.heart.pop{
    animation:heartPop .35s ease;
}
#favsItems {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1vh;
    padding: 1vh;
}
@keyframes heartPop{
    0%{
        transform:scale(1);
    }
    40%{
        transform:scale(1.35);
    }
    70%{
        transform:scale(0.9);
    }
    100%{
        transform:scale(1);
    }
}
#favs img{
    height:2.6vh;
    transition:transform .25s ease, filter .25s ease;
}

#favs.favPulse img{
    animation:favPulse .5s ease;
}

@keyframes favPulse{

    0%{
        transform:scale(1);
    }

    40%{
        transform:scale(1.35) rotate(-8deg);
        filter:drop-shadow(0 0 1vh rgba(80, 246, 255, 0.8));
    }

    70%{
        transform:scale(0.9) rotate(6deg);
    }

    100%{
        transform:scale(1);
        filter:none;
    }

}