.uni-badge {

    &__inner {
        height: $input-height / 2 - 4px;
        min-width: $input-height / 2 - 4px;

        padding: 2px;

        font-size: $font-smallest;
        line-height: 1;
        color: white;

        background-color: $color-grey;

        border-radius: 50%;

        @include mq(sm) {
            min-width: $input-height / 2;
            height: $input-height / 2;
            padding: 4px;
            font-size: $font-small;
        }

        &--primary {
            background-color: $color-primary;
        }
        &--success {
            background-color: $color-success;
        }
        &--warning {
            background-color: $color-warning;
        }
        &--error {
            background-color: $color-error;
        }
    }
}