/* Instagram-style Like Button */
.like-container {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 46, 99, 0.2);
}

.like-btn {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    transition: transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    display: flex;
    align-items: center;
    justify-content: center;
    outline: none;
}

.like-btn:active {
    transform: scale(0.8);
}

.like-icon {
    width: 28px;
    height: 28px;
    fill: transparent;
    stroke: #e0e0e0;
    /* Default outline color */
    stroke-width: 2px;
    transition: all 0.3s ease;
}

/* Liked State */
.like-btn.liked .like-icon {
    fill: #ed4956;
    /* Instagram Red */
    stroke: #ed4956;
    animation: heart-burst 0.5s ease forwards;
}

.like-count {
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 1rem;
    color: #ccc;
    transition: color 0.3s;
}

.like-btn.liked+.like-count {
    color: #ed4956;
}

@keyframes heart-burst {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(1);
    }
}

/* Hover effect */
.like-btn:hover .like-icon {
    stroke: #ff2e63;
    /* NYX Pink */
}