/* تضمين أيقونة القلب من Font Awesome في رأس الصفحة (إذا لم تكن موجودة):
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
*/

.like-btn {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 24px;
    color: #bbb;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s;
}

.like-btn:hover {
    color: #e74c3c;
}

.like-btn.liked {
    color: #e74c3c;
}

.like-btn .like-count {
    margin-left: 5px;
    font-size: 18px;
}