/* ==========================================
   LyricsGroove Social Component
========================================== */

.lg-social {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.lg-social-link {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;

    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.12);

    color: var(--lg-text);

    transition: all .30s ease;
}

.lg-social-link:hover {
    transform: translateY(-4px);
    background: var(--lg-primary);
    color: #fff;
    box-shadow: 0 12px 28px rgba(99,102,241,.35);
}

.lg-social-link svg,
.lg-social-link i {
    font-size: 18px;
}