CSS - Botones web

Código de botones creados con CSS 

Los botones se crean con la etiqueta normal de <a>, solo que el CSS es el que vamos a modificar al gusto.

Acá el código CSS

.btn_rsoc a{

    text-shadow: 1px 1px 1px #000;

    border-radius: 10px;

box-shadow:

    inset 2px 2px 3px rgba(255, 255, 255, 0.6),

    inset -2px -2px 3px rgba(0, 0, 0, 0.6);

}

.btn_rsoc a:nth-child(1){

    background-color: blue;

}

.btn_rsoc a:nth-child(2){

    background-color: green;

}

Este código es adicional (:hover)

.btn_rsoc a:nth-child(2){

    background-color: green...;

}