.like-dislike-container {
    display: flex;
    max-width: 928px;
    width: 100%;
    padding: 16px 0;
    justify-content: center;
    align-items: center;
    gap: 24px;
    border: 1px solid #E8E8E8;
    background: #FFF;
    margin-bottom: 40px;
}

.like-dislike-container p {
    color: #000;
    font-family: DroidKufiBold, Arial;
    font-size: 17px;
}

.like-dislike-container .icon {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
 .vote-btn {
        background: none;
        border: none;
        padding: 0;
        cursor: pointer;
        display: inline-flex;
        transition: transform 0.1s ease;
    }

        .vote-btn:active {
            transform: scale(0.95);
        }

        .vote-btn.voted-like .btn-bg {
            fill: #056818;
        }

        .vote-btn.voted-dislike .btn-bg {
            fill: #E63B34;
        }

        .vote-btn.voted-like .btn-icon {
            fill: #FFFFFF;
        }

        .vote-btn.voted-dislike .btn-icon {
            fill: #FFFFFF;
        }

@media(max-width: 768px) {
    .like-dislike-container {
        gap: 16px;
    }
    .like-dislike-container p {
        font-size: 14px;
    }
    .like-dislike-container .icon {
        gap: 6px;
}
}