FKB Pro - Social theme

[Arkshine]

Can you try this CSS?

I’m not sure if showing the parent category color looks good here.

.badge-category__wrapper {
    margin-top: 0 !important;
    
    .badge-category {
        border-radius: 0 0 var(--d-default-border-radius) var(--d-default-border-radius);
        padding-inline: calc(var(--badge-category-padding-h) * 3);
        line-height: normal;

        &.--has-parent {
            padding-inline-end: calc(var(--badge-category-padding-h) * 2.5);
        }
        
        &.--has-parent:before {
            border-radius: 0 0 0 var(--d-default-border-radius);
            background: linear-gradient(90deg, var(--parent-category-badge-color) 46%, var(--category-badge-color) 50%);
            width: calc(var(--badge-category-padding-h) * 3);
        } 

        svg {
          width: 0.8em !important;
          height: 0.8em !important;
        }
    }
}