[Constituencies] V3 Button with action + selection. Description below

hub/templates/hub/explore.html

@@ -47,13 +47,20 @@ <h2 class="h5 mt-2 mt-lg-3 mb-3 mb-lg-4 text-primary">Constituency generation</h
                 -->
 
                 <button type="button" class="btn btn-outline-secondary p-3 w-100 position-relative" data-bs-toggle="modal" data-bs-target="#areaType">
-                    <p class="mb-1">Current constituencies</p>
-                    <small>These constituencies are the areas which MPs currently represent in UK Parliament.</small>
+                    <p class="mb-1">
+                        Select area type: 
+                        <span class="badge bg-primary">Current constituencies</span>
+                    </p>
                     {% include "hub/includes/icons/select.html" with classes="position-absolute top-50 start-95 translate-middle" %}
                     <!--
                     <small>This is the constituency in which parliamentary candidates will soon be standing for election.</small>
                     -->
                 </button>
+                <div class="alert alert-info mt-3 mb-2" role="alert">
+                    <h3 class="fs-6">Current constituencies</h3>
+                    <p class="from-text fs-7 mb-0">These constituencies are the areas which MPs currently represent in UK Parliament.</p>
+                </div>
+
 
                 <div class="modal fade" id="areaType" tabindex="-1" aria-labelledby="areaTypeLabel" aria-hidden="true">
                     <div class="modal-dialog">