.jo-badge{
    position: relative;
    display: inline-block;
}
.jo-badge__sup {
    position: absolute;
    color: var(--font-color);
    background-color:var(--background-color);
}
.jo-badge__sup--value{
    top:  -9px;
    right: -9px;
    font-size:12px;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    padding: 0 6px;
    text-align: center;
}

.jo-badge__sup--dot{
    top:  -5px;
    right: -5px;
    height:10px;
    width: 10px;
    border-radius: 50%;
}