.btn {
    background: #eb94d0;
    /* to create the gradients */
    background-image: -webkit-linear-gradient(top, #eb94d0, #2079b0);
    background-image: -moz-linear-gradient(top, #eb94d0, #2079b0);
    background-image: -ms-linear-gradient(top, #eb94d0, #2079b0);
    background-image: -o-linear-gradient(top, #eb94d0, #2079b0);
    /*background-image: linear-gradient(to bottom, #eb94d0, #2079b0);*/
    background-image: linear-gradient(to bottom, #656671, #2079b0);
    /* to give the curved edge for the btn */
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    /*text-shadow: 3px 2px 1px #9daef5;*/
    -webkit-box-shadow: 6px 5px 24px #666666;
    -moz-box-shadow: 6px 5px 24px #666666;
    box-shadow: 6px 5px 24px #666666;
    font-family: Arial;
    color: #fafafa;
    font-size: 16px;
    padding: 6px;
    text-decoration: none;
    cursor: pointer;
}
    /*button on hover*/
.btn:hover {
    background: #2079b0;
    background-image: -webkit-linear-gradient(top, #2079b0, #eb94d0);
    background-image: -moz-linear-gradient(top, #2079b0, #eb94d0);
    background-image: -ms-linear-gradient(top, #2079b0, #eb94d0);
    background-image: -o-linear-gradient(top, #2079b0, #eb94d0);
    background-image: linear-gradient(to bottom, #2079b0, #eb94d0);
    text-decoration: none;
}