.badges { display: flex; gap: var(--padding-small); } .badge { width: var(--badge-small-size); height: var(--badge-small-size); } .badge__overflow { background: var(--information-color); border-radius: var(--border-radius-inner); text-align: center; vertical-align: center; line-height: calc(var(--badge-small-size) * 1.2); width: calc(var(--badge-small-size) * 1.2); height: calc(var(--badge-small-size) * 1.2); font-size: calc(var(--font-size) * 0.8); } .username-with-icon { display: inline-flex; gap: var(--padding-tiny); align-items: center; } .user-title { display: flex; flex-flow: row wrap; gap: var(--padding-small); margin-top: var(--padding-small); }