How to make a "show all" button with a transparent background?

Question

css

Hello. On the attached image there is a button "show all", under it you can see the content. How to implement this idea?
And one more question, how to make a line on the button?
along the edges it narrows and brightens (something like a gradient)

Answer 1

Transparent background Bar above the button through before/after + gradient button example