<!-- De Landen Knoppen Overzicht -->
<div class="landen-knoppen-container">
<a href="https://surizoeker.com" class="land-knop">Suriname</a>
<a href="https://surizoeker.com" class="land-knop">Guyana</a>
<a href="https://surizoeker.com" class="land-knop">Belize</a>
<a href="https://surizoeker.com" class="land-knop">Jamaica</a>
<a href="https://surizoeker.com" class="land-knop">Trinidad & Tobago</a>
<a href="https://surizoeker.com" class="land-knop">Barbados</a>
<a href="https://surizoeker.com" class="land-knop">Dominica</a>
<a href="https://surizoeker.com" class="land-knop">Grenada</a>
<a href="https://surizoeker.com" class="land-knop">Saint Lucia</a>
<a href="https://surizoeker.com" class="land-knop">Saint Kitts & Nevis</a>
<a href="https://surizoeker.com" class="land-knop">Bahama's</a>
<a href="https://surizoeker.com" class="land-knop">Montserrat</a>
<a href="https://surizoeker.com" class="land-knop">Antigua & Barbuda</a>
<a href="https://surizoeker.com" class="land-knop">Haïti</a>
<a href="https://surizoeker.com" class="land-knop">St. Vincent & Grenadines</a>
</div>

<!-- De Styling voor de Knoppen (CSS) -->
<style>
.landen-knoppen-container {
display: flex;
flex-wrap: wrap;
gap: 10px; /* Ruimte tussen de knoppen */
justify-content: center; /* Knoppen netjes in het midden */
padding: 10px 0;
}

.land-knop {
display: inline-block;
background-color: #3b5998; /* De achtergrondkleur van de knop (vul hier je eigen kleurcode in) */
color: #ffffff !important; /* Witte tekst */
padding: 8px 16px; /* Dikte van de knop */
border-radius: 4px; /* Licht afgeronde hoeken */
text-decoration: none !important; /* Geen onderstreping van de tekst */
font-size: 14px;
font-weight: 600;
transition: background 0.3s ease;
}

/* Effect als je met de muis over de knop beweegt */
.land-knop:hover {
background-color: #2d4373; /* Iets donkerder blauw bij hover */
color: #ffffff !important;
}
</style>