/* General button styles */
.vote-buttons {
    background-color: #F3F4F5;
    display: flex;
    padding: 2px 10px !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-right: 12px;
    border-radius: 40px;
    cursor: pointer;
}

.vote-buttons button {
    border: none !important;
    padding: 0 6px!important;
    font-size: 18px !important;
    cursor: pointer;
    border-radius: 0;
    color: #c8c5c5 !important;
    transition: color 0.3s;
    background-color: transparent !important;
}

/* Active vote styles (when upvoted) */
.upvote-button.voted {
    color: #FF4500 !important;
}

/* Active vote styles (when downvoted) */
.downvote-button.voted {
    color: #3D85F5 !important;
}
/* Vote count styling */
#vote-option .vote-buttons span.vote-count {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #333333!important;
}

.vote-buttons:has(.upvote-button.voted) {
    background-color: #FFE5D9 !important; /* light red */
}

.vote-buttons:has(.downvote-button.voted) {
    background-color: #E0ECFF !important; /* light blue */
}