blockscout/apps/block_scout_web/assets/css/components/_label.scss

.bs-label {
    display: inline-block;
    padding: 0 5px;
    background: #f5f6fa;
    color: #77838f;
    border-radius: 5px;
    &.large {
        font-size: 14px;
    }
    font-size: 12px;
    padding: 5px;
    line-height: normal;

    &.right {
        margin-left: auto;
        float: right;
    }
    &.omni {
        background: #6ca1e2;
        color: #fff;
    }
    &.destination-eth {
        background: #253358;
        color: #fff;
    }
    &.destination-bsc {
        background: #e7b941;
        color: #fff;
    }
    &.destination-rinkeby {
        background: #153550;
        color: #fff;
    }
    &.bridged {
        background: #70aee3;
        color: #fff;
    }
    &.validator {
        background: $primary;
        color: #fff;
    }
    &.secondary {
        background: $secondary;
        color: #fff;
    }
    &.method {
        color: #1e2022;
    }
    &.from-dropdown {
        margin-top: -3px;
    }
    &.success {
        background: rgba(40, 167, 69, 0.2);
        color: rgb(40, 167, 69);
    }
}

.confirmations-label {
    position: relative;
    padding-left: 1.15rem;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-right: 10px;
}

.confirmations-label:after {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    border-top: .9rem solid transparent;
    border-bottom: .9rem solid transparent;
    border-left: .9rem solid #fff;
}