.stea-wlb-wrap {
    display: flex;
    width: 100%;
}

.stea-wlb {
    --stea-wlb-gap: 8px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--stea-wlb-gap);
    text-decoration: none;
    line-height: 1;
    transition: background-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.stea-wlb:hover {
    text-decoration: none;
}

.stea-wlb-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.stea-wlb-icon i,
.stea-wlb-icon svg {
    display: block;
    line-height: 1;
}

.stea-wlb-icon svg {
    width: 1em;
    height: 1em;
    fill: currentColor;
}

.stea-wlb-text {
    display: inline-block;
    line-height: 1;
}

.stea-wlb-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    line-height: 1;
    font-weight: 600;
    white-space: nowrap;
}

.stea-wlb-count.is-hidden {
    display: none;
}

/* ---------- Style 1: floating badge top-right ---------- */
.stea-wlb--style_1 {
    overflow: visible;
}

.stea-wlb--style_1 .stea-wlb-count {
    position: absolute;
    top: -8px;
    right: -8px;
    min-width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0 6px;
    font-size: 11px;
    pointer-events: none;
}

/* ---------- Style 2: inline count chip ---------- */
.stea-wlb--style_2 .stea-wlb-count {
    margin-left: 4px;
}

/* ---------- Style 3: split pill ---------- */
.stea-wlb--style_3 {
    overflow: hidden;
    padding: 0;
    gap: 0;
}

.stea-wlb--style_3 .stea-wlb-left {
    display: inline-flex;
    align-items: center;
    gap: var(--stea-wlb-gap);
    padding: 14px 18px;
}

.stea-wlb--style_3 .stea-wlb-count {
    align-self: stretch;
    padding: 0 14px;
    border-radius: 0;
    min-width: 36px;
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2);
}