.tag {
    font-family: DM Sans,sans-serif;
    font-size: 14px;
    line-height: 145%;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    color: #000;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: 1.4px
}

    .tag a {
        font-family: DM Sans,sans-serif;
        font-size: 14px;
        line-height: 145%;
        font-weight: 400;
        text-decoration: none;
        color: #21282d;
        font-weight: 700;
        letter-spacing: 1.4px;
        text-wrap: nowrap
    }

    .tag:before {
        content: "";
        display: inline-block;
        background-color: #026982;
        margin-right: 6px;
        width: 15px;
        height: 15px;
        border-radius: 50%
    }

    .tag.tag--inverted {
        color: #fff
    }

        .tag.tag--inverted:before {
            background-color: #fff
        }

        .tag.tag--inverted a, .tag--invert {
            color: #fff
        }

            .tag--invert:before {
                background-color: #fff
            }

            .tag--invert a {
                text-decoration: none;
                color: #fff
            }

.tag--format, .tag--product, .tag--emphasis, .tag--event-status, .tag--member-status {
    font-family: DM Sans,sans-serif;
    font-size: 12px;
    line-height: 120%;
    font-weight: 700;
    padding: 4px 8px;
    border-radius: 4px;
    letter-spacing: 1.2px
}

    .tag--format:before, .tag--product:before, .tag--emphasis:before, .tag--event-status:before, .tag--member-status:before {
        display: none
    }

    .tag--format a, .tag--product a, .tag--emphasis a, .tag--event-status a, .tag--member-status a {
        font-size: inherit
    }

.tag--format {
    background-color: #004868;
    color: #fff
}

    .tag--format a {
        color: #fff
    }

.tag--product {
    background-color: #ccc;
    color: #000
}

    .tag--product a {
        color: #000
    }

.tag--emphasis {
    background-color: #ffa551;
    border: 1px solid #DC7A1E;
    color: #21282d
}

    .tag--emphasis a {
        color: #21282d
    }

.tag--event-status {
    color: #333;
    background-color: #f3f3f3
}

.tag--member-status {
    color: #fff;
    background-color: #0396ff;
    border: 1px solid #066EB9;
    font-weight: 700
}