/* like-dislike.css */
.like-dislike-buttons {
    margin-top: 20px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    direction: rtl !important; /* اضافه شده برای پشتیبانی از راست به چپ */
}

.like-button, 
.dislike-button {
    background: none !important;
    border: none !important;
    cursor: pointer !important;
    font-size: 1.5em !important;
    padding: 5px 10px !important;
    margin-left: 15px !important; /* تغییر از margin-right به margin-left */
    margin-right: 0 !important; /* اضافه شده */
    transition: transform 0.2s ease !important;
    display: flex !important;
    align-items: center !important;
    color: #777 !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.like-button:hover, 
.dislike-button:hover,
.like-button:focus,
.dislike-button:focus {
    transform: scale(1.1) !important;
    background: none !important;
    color: #777 !important;
    outline: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

.like-button.active {
    color: #4CAF50 !important;
}

.dislike-button.active {
    color: #f44336 !important;
}

.like-button.active:hover,
.like-button.active:focus {
    color: #45a049 !important;
}

.dislike-button.active:hover,
.dislike-button.active:focus {
    color: #d32f2f !important;
}

.likes-count, 
.dislikes-count {
    font-size: 0.6em !important;
    margin-right: 5px !important; /* تغییر از margin-left به margin-right */
    margin-left: 5px !important; /* اضافه شده */
}

.like-button i, 
.dislike-button i {
    margin-left: 5px !important; /* تغییر از margin-right به margin-left */
    margin-right: 0 !important; /* اضافه شده */
}