Step 1

Create a new document with black background, create a new layer, use Rounded Rectangle Tool to make a selection as shown to the left.

Step 2

Go to Layer > Layer Style > Blending Option and select inner glow then Gradient Overylay now the Stroke

Step 3

OK now we grab our gradient tool and drag from the top to the bottom as shown to the left, this should apply our above settings.

Step 3

Your result should look like mine to the left. Ok I hope your doing good so far.

Step 4

Create a new layer, use Elip Marquee Tool to make a selection, fill it with color white

Step 5

Go to Layer > Layer Style > Blending Option > Gradient Overlay now Stroke set color to #343232

Step 6

Create a new layer, continue use Elip Marquee Too to draw a smaller circle over the first layer and fill it wite color like this:

Step 7

Continue go to Layer > Layer Style > Blending Option - Drop Shadow: Inner Shadow : Inner Glow and Gradient Overlay --- the first color #f1ea2a the second #bfa601

Step 8

Finally, you duplicate the button to make more buttons and add some text to each buttons.