Botonera sin Flex

by Pasky Org

HTML

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

CSS

.botonera {
    background: #fff;
    text-align: center;
    width: 95%;
    width: 584px;
    margin: 0 auto;
    overflow: hidden;
}

.botonera a {
    text-decoration: none;
}

.boton {
    background: #fff;
    display: inline-block;
    padding: 15px;
    margin: 10px;
    width: 40%;
    height: 70px;
    border: 1px solid grey;
    border-radius: 10px;
    box-shadow: 0 0 0.5em grey;
    font-family: "Segoe UI";
    color: #B3003A;
    font-size: 1.7em;
    line-height: 1.2em;
    vertical-align: middle;
}

.boton::first-line {
    font-weight: bold;
}