Когда вы используете % единицу для padding значений в CSS, это относительно ширины этого элемента. Можете ли вы каким-то образом установить значения вертикальный отступ (padding-left, padding-right) относительно высоты этого элемента?
%
padding
padding-left
padding-right