Как сверстать такую рамку?

Question

[Александр]

Необходимо сверстать вот такую ссылку/кнопку:

Код:
<a href="#">Link text</a>

Интересно узнать у сообщества как наиболее правильно было бы реализовать этот border.
Я пока вижу 2 решения:
1. border-image, не нравится тем, что кнопка получится фиксированных размеров.
2. Создать внутри контейнера 2 дива 50% ширины с абсолютным позиционированием и для каждого задать рамку своего цвета. Левый, естественно без border-right, а правый без border-left. Это решение не нравится тем, что выглядит перегруженным.

Каким наиболее лаконичным способом решения данной проблемы вы могли бы поделиться?

UPD Спасибо всем кто ответил на вопрос. Все варианты рабочие, но мне больше всего понравился прием с использованием пвевдоклассов, его и отметил решением.

Answer 1

[Алексей Зуев]

К примеру, через один псевдоэлемент
jsfiddle.net/8qfs2vnk

Answer 2

[Дима]

Linear-gradient

Answer 3

[Кирилл Туровников]

Можно через псевдоклассы jsfiddle.net/straj/oh9a1kaq

Answer 4

[3luyka]

1. linear-gradient.
2. Можно реализовать через псевдоклассы.

Answer 5

[Виталий Инчин ☢]

Двумя элементами: ± тут ±