Dear @amc
You create a textbox and style it with CUSTOM CSS to look how you want it to look like. Then you give it an opacity of 0 and pointer events none.
You create a box which you give a class called: BUTTON.
You use jQuery. When you click on BUTTON, a class gets added to the textbox which makes it opacity 1 and pointer events all.
That was pretty rough but can give you an idea.
It's not rocket-science :-)
Best!
Marius