{{ block content }}

    <p>
        Por favor, piensa qué harías en la siguiente situación: estás en una zona con la que no estás familiarizado, y te das cuenta de que te has perdido. Le pides indicaciones a una persona desconocida. La persona desconocida se ofrece a llevarte a tu destino.
    </p>

    <p>
        Ayudarte le cuesta a la persona desconocida unos 16€ en total. Sin embargo, la persona desconocida te dice que no quiere que le des ningún dinero. Tienes contigo 6 posibles regalos. El regalo más barato cuesta 4€, el más caro 24€.
    </p>

    <p>
        ¿Le darías uno de los regalos a la persona desconocida como “regalo de agradecimiento”? En caso afirmativo, ¿qué regalo le das a la persona desconocida?
    </p>

<style>
.buttons {
  width: 80%;
  table-layout: fixed;
  border-collapse: collapse;
}
.buttons button {
  width: 100%;
}
</style>

<div style="display: flex; justify-content: space-around">
<table style="margin-right: 20px;" class=buttons>
    <tr>
    <td><button name="input_button11" value=1 class="btn btn-outline-primary" btn-lg">No le daría ningún regalo</button>
    </tr>
    <tr>
    <td><button name="input_button11" value=2 class="btn btn-outline-primary" btn-lg">El regalo de valor 4€</button>
    </tr>
    <tr>
    <td><button name="input_button11" value=2 class="btn btn-outline-primary" btn-lg">El regalo de valor 8€</button>
    </tr>
    <tr>
    <td><button name="input_button11" value=2 class="btn btn-outline-primary" btn-lg">El regalo de valor 12€</button>
    </tr>
    <tr>
    <td><button name="input_button11" value=2 class="btn btn-outline-primary" btn-lg">El regalo de valor 16€</button>
    </tr>
    <tr>
    <td><button name="input_button11" value=2 class="btn btn-outline-primary" btn-lg">El regalo de valor 20€</button>
    </tr>
    <tr>
    <td><button name="input_button11" value=2 class="btn btn-outline-primary" btn-lg">El regalo de valor 24€</button>
    </tr>
</table> <br>
</div>

{{ endblock }}