.badge {
    display: flex;
    flex-direction: row;
    gap: var(--gap);
    width: 100%;
    max-width: var(--content-width);
    margin: 0 auto;
    padding-inline-start: 0;
    padding-inline-end: 0;
    height: 100%;
    align-items: center;
}

.badge .desktop-badge-description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    margin: 0;
    width: 95%;
}

.badge .mobile-badge-description {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px;
    text-align: left;
    display: none;
    text-align: center;
    margin: 0;
    width: 95%;
}

.badge .close-badge {
    display: flex;
    width: 5%;
    justify-content: flex-end;
    transition: 0.3s;
}

.badge .close-badge:hover {
    cursor: pointer;
}

.badge .close-badge:hover svg g path{
    stroke:var(--e-global-color-2ecd128);
}

/* Responsive */

@media only screen and (max-width: 900px) {
    .badge .desktop-badge-description {
        display: none;
    }

    .badge .mobile-badge-description {
        display: block;
    }
}