button.btn-like, button.btn-dislike {
    background: rgba(0, 0, 0, 0.6) !important; /* Dark semi-transparent background */
    color: #fff !important; /* White text/icons for contrast */
    border: none !important;
    padding: 6px 12px;
    margin: 0 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 50px; /* Rounded pill shape */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3); /* Makes them stand out */
}

button.btn-like:hover {
    background: rgba(0, 128, 0, 0.8) !important;
}

button.btn-dislike:hover {
    background: rgba(255, 0, 0, 0.8) !important;
}

button.btn-like.active {
    background: green !important;
}

button.btn-dislike.active {
    background: red !important;
}

/* Click animation */
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

.is-animating {
    animation: pulse 0.3s ease;
}