{% load bootstrap4 %}
<strong class="text-center d-block">Please select your store</strong>
<div class="d-block text-center mt-4">
    {% for country in countries %}
        <button data-country-code="{{ country.code }}" class="btn btn-outline-primary change-country mr-2">
            {{ country.name }}
        </button>
    {% endfor %}
</div>
<div class="d-block mt-3 text-center mb-3">
    <small class="d-block">We are currently shipping only within Singapore & Malaysia.</small>
    <small>Drop us an email if you’re from another country!</small>
</div>
<div class="d-block text-center">
    <a href="mailto:hola@hookcoffee.com.sg" class="btn btn-primary btn-hook">Contact Us</a>
</div>