.role-badge{

    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:6px 14px;
    border-radius:999px;
    font-size:.85rem;
    font-weight:700;
    white-space:nowrap;

}

.role-badge.admin{

    background:#D4AF37;
    color:#fff;

}

.role-badge.moderateur{

    background:linear-gradient(135deg,#607D8B,#78909C);

    color:#FFFFFF;

    box-shadow:0 4px 10px rgba(96,125,139,.25);

}

.role-badge.moderateur i{

    color:#FFFFFF;

}

.role-badge.animateur{

    background:#55673F;

    color:#fff;

    border:1px solid #B7C79D;

}

.role-badge.animateur i{

    color:#FFFFFF;

}

.role-badge.member{

    background:#F3E8D4;
    color:#4B3F35;
    border:1px solid #D8C8AE;

}