Как сделать кнопку с градиентным скруглённым бордером и прозрачным фоном?

Question

[Konstantin Kochurov]

Нужно сделать такую кнопку.

• скруглённые углы
  
• в бордере градиент сверху вниз от прозрачности 0% до 100%
  
• кнопка должна быть прозрачной, т. к. фон может быть неоднородный
  
• по hover заливка тем же градиентом, и по active он же с меньшей прозрачностью
  
• плавное изменение фона по hover/active
  
• ширина кнопки непостоянна
  

Хочется максимально изящное решение, без вложенных в кнопку тегов.

Answer 1

[dom1n1k]

Максимально изящное решение - объяснить дезигнеру, что он неправ и что нужно переделать по-нормальному.