body{
  background-color: #fff;
  font-family: helvetica, sans-serif;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  width: 50%;
}

.btn {
  background-color: #fcfcfc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #f6f6f6));
  background-image: -webkit-linear-gradient(top, #fcfcfc, #f6f6f6);
  background-image: linear-gradient(to bottom, #fcfcfc,#f6f6f6);
  border: 1px solid #dddddd;
  border-radius: 1px;
  box-shadow: -1px -2px 0px -1px white inset;
  color: #428bca;
  display: block;
  font-size: 14pt;
  font-weight: 400;
  height: 50px;
  letter-spacing: 0.7px;
  line-height: 2.5;
  margin: 0 auto;
  padding: 6px 12px 7px;
  text-align: center;
  text-decoration: none;
  width: 275px;
}

.btn + .btn{
  margin-top: 20px;
}

.btn:hover{
  background-color: #eee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcfcfc), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #fcfcfc, #eee);
  background-image: linear-gradient(to bottom, #fcfcfc,#eee);
  border-color: #ccc;
}

@media (max-width: 768px){
  body{
    width: 75%;
  }
  .btn{
    width: 275px;
  }
}