Как сделать одинаковый нормальный отступ?

Question

[olya_097]

между .catalog_box
сейчас они налазят друг на друга
https://jsfiddle.net/6k9hdub8/1/

Comments

[grisha2217]

а как должно быть?

[olya_097]

grisha2217, ну отступ между ними
типа как тут

[grisha2217]

olya_097, а где 3 кружка должны быть?

[olya_097]

Ankhena, так я ж про горизонтальную линию

[olya_097]

grisha2217, всмысле где?) тут неважно где. Главное оступы

[Ankhena]

olya_097, м, бывает )))

Вы делаете кружки абсолютами, которые вываливаются из span'а и кнопки.
Значит, нужно либо перестать их так делать либо задать кнопке ширину.
Либо компенсировать отступами.

Я бы делала кружки либо градиентами либо тоже SVG. Поскольку, остальные кнопки SVG, то и эту разумнее тоже.