Botonera con display: table

by Pasky Org

HTML

<div id="botonera">
  <div class="fila">
    <div class="boton">Agenda de la Ciudad</div>
    <div class="boton">Últimas Noticias</div>
  </div>
  <div class="fila">
    <div class="boton">Ayuntamiento</div>
    <div class="boton">Sede Electrónica</div>
  </div>    
</div>

CSS

#botonera {
  display: table;
  border-spacing: 35px 20px;
  border-collapse:separate;
  width: 564px;
}

.fila {
  display: table-row;
}
.boton {
  width: 50%;
  display: table-cell;
  padding: 15px;
  margin: 10px;
  font-family: "Segoe UI";
  color: #B3003A;
  text-align: center;
  vertical-align: middle;
  font-size: 25px;
  border: 1px solid grey;
  border-radius: 10px;
  box-shadow: 0 0 0.5em grey;
}