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

Question

[Алексей Николаев]

Здравствуйте!
Надо сверстать то, что изображено на картинке:


Проблема, однако же, в границе кнопки. Она, фактически, с отблеском. На самой кнопке косой градиент, что не позволяет вырезать уголки и подставлять их через псевдоклассы (на длинных или коротких кнопках будет очень заметна разница), а сверстать ее по старинке методом 1 кнопка = 1 изображение не хочется совершенно.

Как бы попробовали сделать подобное вы?
Буду благодарен за советы, спасибо.

Answer 1

[Ярослав]

Вам поможет CSS3, border-image для границы и linear-gradient для заливки:
www.w3schools.com/cssref/css3_pr_border-image.asp
www.w3schools.com/css/css3_gradients.asp