.esther-cart-link {
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
    text-decoration: none;
    color: var(--color-text);
    font-size: var(--fs-small);
}

.esther-cart-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--s-2);
}

.esther-cart-badge__count {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding-inline: 0.4em;
    border-radius: var(--radius-pill);
    background: var(--color-text);
    color: var(--color-accent-ink);
    font-size: var(--fs-xs);
    font-weight: var(--fw-medium);
    line-height: 1;
}

.esther-cart-badge[data-count="0"] .esther-cart-badge__count {
    background: var(--color-text-soft);
}