[class*="subway-icon"] {
    position: relative;
    font-size: .75em;
    z-index: 5;
    height: 1em;
    width: 1em;
    top: -2px;
    line-height: 1em;
    margin-left: .2em;
    margin-right: .2em;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    color: #000
}

[class*="subway-icon"]::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: calc(100% + .4em);
    height: calc(100% + .4em);
    left: -.2em;
    top: -.2em;
    border-radius: 50%;
    background-color: red
}

[class*="subway-icon"].express {
    margin-left: .2666666667em;
    margin-right: .2666666667em
}

[class*="subway-icon"].express::before {
    transform: rotate(45deg);
    border-radius: 0;
    width: calc(100% + .1em);
    height: calc(100% + .1em);
    left: -.05em;
    top:-.05em
}

.mta-red {
    color:#fff
}

.mta-red::before {
    background-color:#df0000
}

.mta-green {
    color:#fff
}

.mta-green::before {
    background-color:#008700
}

.mta-blue {
    color:#fff
}

.mta-blue::before {
    background-color:#0a5786
}

.mta-orange {
    color:#fff
}

.mta-orange::before {
    background-color:#de3700
}

.mta-purple {
    color:#fff
}

.mta-purple::before {
    background-color:#5a045a
}

.mta-green-2 {
    color:#fff
}

.mta-green-2::before {
    background-color:#4f8403
}

.mta-yellow {
    color:#000
}

.mta-yellow::before {
    background-color:#FCCC0A
}

.mta-gray {
    color:#fff
}

.mta-gray::before {
    background-color:#666
}

.mta-brown {
    color:#fff
}

.mta-brown::before {
    background-color: #573208
}