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