.wdk-badge {
    font-size: 10px;
    font-weight: 600;
    color: var(--wdk-badge-primary-text-color);
    background-color: var(--wdk-badge-primary-background-color);
    padding: 3px;
    min-width: 21px;
    border-radius: 12px;
    text-align: center;
    position: absolute;
    top: -2px;
    right: -4px; 
    line-height: 14px;
}

.wdk-badge:empty {
    display: none;
}

.wdk-badge-wrap > .wdk-badge {
    top: -8px;
    right: -8px; 
    background-color: var(--primary);
    color: var(--secondary);
}

.wdk-badge-wrap {
    position: relative;
}