.sbbs-tag {
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}
.sbbs-tag:empty {
    display: none
}
a.sbbs-tag:focus,
a.sbbs-tag:hover {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}
.sbbs-tag-pill {
    padding-right: .6em;
    padding-left: .6em;
    border-radius: 10rem
}
.sbbs-tag-default {
    background-color: #ddd
}
.sbbs-tag-default[href]:focus,
.sbbs-tag-default[href]:hover {
    background-color: #c4c4c4
}
.sbbs-tag-primary {
    background-color: #00caec
}
.sbbs-tag-primary[href]:focus,
.sbbs-tag-primary[href]:hover {
    background-color: #009eb9
}
.sbbs-tag-success {
    background-color: #7ed321
}
.sbbs-tag-success[href]:focus,
.sbbs-tag-success[href]:hover {
    background-color: #64a71a
}
.sbbs-tag-info {
    background-color: #3ce3c5
}
.sbbs-tag-info[href]:focus,
.sbbs-tag-info[href]:hover {
    background-color: #1eceaf
}
.sbbs-tag-warning {
    background-color: #fbbf5e
}
.sbbs-tag-warning[href]:focus,
.sbbs-tag-warning[href]:hover {
    background-color: #faab2c
}
.sbbs-tag-danger {
    background-color: #ef6767
}
.sbbs-tag-danger[href]:focus,
.sbbs-tag-danger[href]:hover {
    background-color: #ea3939
}