Create/show menu at time main loop game

[beakartJs]

here I found example: https://phaser.io/examples/v2/misc/pause-menu

but there sholud use game.input.onDown.add (this is little uncomfortable, there should to plot the field x y buttons positions...), I noticed that it depends on the game.paused - if game.paused=true; these any buttons not warking correctly...

If I would like use clissic buttons - game.add.button(positionx, positiony, 'button', function(){ }); I must used other idea to paused?  

I would like to create a more interactive menu (sliders, hover animations, cursor pointer), it is recommended that other solutions to this prolblem?

Or maybe better create this menu in html/css? how to do it correct?

Thanks for answer