/* Reset styles for .slb-like-button to prevent inheritance */
.slb-like-button {
    all: unset;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

/* Now apply custom styles */
.slb-like-button {
    font-size: 20px;
    color: #333;
}

.slb-like-button .slb-heart {
    font-size: 24px;
    margin-right: 5px;
    transition: transform 0.2s ease;
    color: #333; /* Default heart color */
}

.slb-like-button.liked .slb-heart {
    color: red; /* Solid heart color when liked */
}

.slb-like-button .slb-votes {
    font-size: 20px;
}

.slb-like-button .slb-heart.animate {
    animation: slb-pump 0.3s ease;
}

@keyframes slb-pump {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1);
    }
}