<div class="error badge">
    <div class="title-block">
        <span class="title-block-text">
            Errors
        </span>
    </div>
    123
</div>

<div class="warning badge">
    <div class="title-block">
        <span class="title-block-text">
            Warnings
        </span>
    </div>
    45
</div>

<div class="success badge">
    <div class="title-block">
        <span class="title-block-text">
            Successes
        </span>
    </div>
    12345
</div>

.badge {
    display: inline-block;
    color: cornflowerblue;
    margin: 1.5rem;
}
.title-block {
    display: inline-block;
    padding: 0.5rem;
    background: currentcolor;
}
.title-block-text {
    color: white;
}

.error {
    color: red;
}
.warning {
    color: goldenrod;
}
.success {
    color: green;
}


body {
  padding: 1rem;
  font-family: Futura, "Segoe UI", sans-serif;
}