.roster-admin-status {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    padding: 6px 9px;
    border: 1px solid;
    font: 900 10px/1 var(--body) !important;
    letter-spacing: .05em;
    text-transform: uppercase;
    white-space: nowrap;
}

.roster-admin-status.is-submitted {
    color: #43e79c;
    border-color: #43e79c66;
    background: #43e79c12;
}

.roster-admin-status.is-draft {
    color: #ffd24c;
    border-color: #ffd24c66;
    background: #ffd24c12;
}

.roster-admin-status.is-empty {
    color: #aaa5ae;
    border-color: #ffffff24;
    background: #ffffff08;
}

.roster-admin-count {
    color: #fff;
    font: 900 24px/1 var(--heading) !important;
    white-space: nowrap;
}

@media (max-width: 600px) {
    .roster-admin-status {
        padding: 5px 7px;
        font-size: 9px !important;
    }

    .roster-admin-count {
        font-size: 19px !important;
    }
}