* {margin:0;
  padding:0;
  /*estilos generales*/
  }

  .button {
    background:#7f8c8d;
    color:#fff;
    display: inline-block;
    font: size 1.25em;
    margin: 20px;
    padding: 10px 0px;
    text-align: center;
    width: 200px;
    text-decoration: none;
    box-shadow: 0px 3px 0px #373c3c; /*color de fondo*/

  }
.button span {
  margin-right: 10px; /*para espaciar el icono del texto*/
}

/*colores en los botones*/
.button.blue {
  background: #3498db;
  box-shadow: 0px 3px 0px #266792;
}

.button.orange {
  background: #e67e22;
  box-shadow: 0px 3px 0px #b55704;
}

.button.yellow {
  background: #f1e205;
  box-shadow: 0px 3px 0px #dadd3b;
}




/*tamaños en los botones*/
.button.medium {
  width: 300px;
}

.button.large {
  width: 450px;
}

/*efectos en los botones*/
.button.radius {
  border-radius: 50px;
}

.button:hover {
  box-shadow: 0px 0px 0px;
  padding-top: 7px;
}