Как сверстать 2 типа кнопок неизвестной высоты (с обводкой и без)?

Question

[Stepan S.]

Как это выглядит:


То, что получилось:
codepen.io/miloslovesky/pen/dodeBz
(работает для кнопок без обводки)

Answer 1

[Евгений Петров]

Как обычно, используем псевдоэлементы.
Чтобы не морочиться с учётом левой рамки, можно использовать linear-gradient, или overflow:hidden с другим transform-origin.

Comments

[Stepan S.]

Так ведь там высота задана. А она неизвестна. Тк шрифты и оступы в относительных единицах, а обводка в обсолютных

[Stepan S.]

Сорри, это не влияет кажется

[Евгений Петров]

А проверить что мешает?
jsfiddle.net/petroveg/20snf5mt/1