.wc-block-mini-cart__quantity-badge { align-items: center; display: flex; position: relative; } .wc-block-mini-cart__badge { align-items: center; border-radius: 1em; box-sizing: border-box; display: flex; font-size: 0.875em; font-weight: 600; height: math.div(em(20px), 0.875); justify-content: center; left: 100%; margin-left: -44%; min-width: math.div(em(20px), 0.875); padding: 0 em($gap-smallest); position: absolute; transform: translateY(-50%); white-space: nowrap; z-index: 1; } :where(.wc-block-mini-cart__badge) { // These values will be overridden in JS. background-color: transparent; color: transparent; } .wc-block-mini-cart__badge:empty { opacity: 0; } .wc-block-mini-cart__icon { display: block; height: em(24px); width: em(24px); html[dir="rtl"] & { transform: scaleX(-1); } }