Как сделать border вокруг слова не с прямыми углами, а под углом?

Question

[Людмила]

Добрый день! Прошу помощи у знающих.

Никак не могу сообразить как сделать. А самое смешное - что спросить у Google)

Вопрос такой: требуется сделать кнопку-призрака. А в ней что: текст и рамка вокруг. Так вот необходимо, чтобы эта рамка была не под прямым углом - в виде прямоугольника, а под углом (в виде ромба).

Просто вставить картинку нельзя((( Как ни печально.

я понимаю:

border: 1px solid #000000;
border-radius: 5px;

это у нас прямоугольник... А надо:

Answer 1

[novrm]

Через псевдоэлементы ::before и ::after.