[Помогите] Адаптировать нолик в корзине

Вот сайт с которым ковыряюсь: http://htmltestolivegrey.dtraduga.vh55.hosterby.com
Справа вверху корзина и с ней кружок в котором "0" - http://joxi.ru/E2pgoRRH9q1vkm
Проблема в том, что никак не получается сверстать блок с "0" чтобы он корректно отображался на всех разрешениях. Пробовал и подгонять отступами и в % все задавать но ничего не получается. Он вечно куда-то улетает и не корректно смотрится: http://joxi.ru/Y2L0Vggh9Xgv72
или так: http://joxi.ru/brR64VVsJp18Br
В чем косяк? что не так сделал?

 

Вот еслиб вы не сказали, я бы и не заметил.
Может попробовать упаковать нолик в, например, span и поиграться уже с ним конкретно.
Ещё можно подсмотреть как реализовано в других местах попробовать и переверстать целиком.

 

наверное проблема в том, что ноль овальный, хоть и отступы подбираешь но оно все равно слетает на разных устройствах. Была идея найти шрифт где "0" будет круглый и задать просто один отступ и тогда может будет нормально?

 

Я бы поместил .quantity в .basket_img
https://jsfiddle.net/settr/72a54r6g/