.post-likes-dislikes {
    display: flex;
    gap: 10px;
}

.post-likes-dislikes button {
    /*background-color: #f0f0f0;*/
    border: 1px solid #ccc;
    padding: 7px 12px;
    cursor: pointer;
    font-size: 14px;
    display: flex;
    align-items: center;
    border-radius:3px;
}
.post-likes-dislikes button:focus{
    outline:none !important;
}

.post-likes-dislikes button i {
    margin-right: 5px; /* Space between icon and text */
    font-size:18px;
}

.post-likes-dislikes button.active {
    background-color: #0073aa;
    color: white;
    border-color: #0073aa;
}

.post-likes-dislikes button:hover {
    background-color: #0037aa;
    color: white;
}

.post-likes-dislikes button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}