.favorite-heart {
    color: #dddddd;
    transition: all 0.3s ease;
    cursor: pointer;
    padding: 5px;
}

.favorite-heart:hover {
    color: #CC2F59;
    transform: scale(1.1);
}

.favorite-heart.active {
    color: #CC2F59;
    animation: heartBeat 0.5s;
}

@keyframes heartBeat {
    0% { transform: scale(1); }
    14% { transform: scale(1.2); }
    28% { transform: scale(1); }
    42% { transform: scale(1.2); }
    70% { transform: scale(1); }
}
