/* ==========================================
   LyricsGroove Badge Component
========================================== */

.lg-badge{

    display:inline-flex;

    align-items:center;

    gap:8px;

    padding:10px 18px;

    border-radius:999px;

    font-size:14px;

    font-weight:700;

    line-height:1;

    color:#fff;

    background:linear-gradient(
        135deg,
        #DE497B,
        #7C3AED
    );

    box-shadow:
        0 10px 25px rgba(222,73,123,.20);

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        filter .35s ease;

}

.lg-badge:hover{

    transform:translateY(-2px);

    filter:brightness(1.05);

    box-shadow:
        0 18px 35px rgba(222,73,123,.30);

}

.lg-badge-icon{

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:15px;

}

.lg-badge-text{

    white-space:nowrap;

}


@media(max-width:768px){

    .lg-badge{

        padding:9px 15px;

        font-size:13px;

    }

}