/* 🔹 Like Button Final Style (Transparent, Star + Count Ahead) */
.sewalok-like-btn {
    display: inline-flex;              /* आइकन और संख्या को एक लाइन में लाने के लिए */
    align-items: center;
    gap: 6px;                         /* स्टार और संख्या के बीच थोड़ी दूरी */
    background: transparent;           /* कोई बैकग्राउंड नहीं */
    border: none;
    padding: 0;
    cursor: pointer;
    transition: all 0.25s ease;
    text-decoration: none;
    position: relative;
}

/* 🔸 स्टार आइकन */
.sewalok-like-btn img {
    width: 32px;
    height: 32px;
    transition: transform 0.3s ease, filter 0.3s ease;
    filter: drop-shadow(0 0 4px rgba(13, 110, 253, 0.5)); /* हल्की नीली छाया */
}

/* 🔸 लाइक काउंट (अब स्टार के आगे दिखेगा) */
.sewalok-like-btn .like-count {
    font-weight: 600;
    color: #0d6efd;                   /* नीला टेक्स्ट */
    font-size: 15px;
    margin-left: 4px;                 /* स्टार और संख्या के बीच स्पेस */
    text-shadow: 0 0 4px rgba(255,255,255,0.8); /* हल्की सफेद चमक */
}

/* 🔸 जब क्लिक किया जाए (लाइक एनिमेशन) */
.sewalok-like-btn.like-anim img {
    transform: scale(1.3);
    filter: drop-shadow(0 0 8px rgba(13, 110, 253, 0.7)); /* नीली चमक थोड़ी बढ़े */
}

/* 🔸 जब यूजर ने लाइक कर दिया हो */
.sewalok-like-btn.liked img {
    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.6)); /* लाल चमक */
}

/* 🔸 Hover करने पर हल्का ज़ूम इफ़ेक्ट */
.sewalok-like-btn:hover img {
    transform: scale(1.1);
}