Merged in fix/SW-2158-map-link-focus (pull request #2006)

fix(SW-2158): focus state for map link

* fix(SW-2158): focus state for map link

The text `See map` didn't have the correct keyboard focus design. I
noticed the text used a button component, which I don't think is the
best, semantically. I removed the button component and just used text
since everything was wrapped in an a tag anyway.

* Use new space variable


Approved-by: Bianca Widstam

apps/scandic-web/components/HotelReservation/SelectHotel/selectHotel.module.css

@@ -68,6 +68,13 @@
   margin-bottom: var(--Spacing-x3);
 }
 
+.linkText {
+  display: flex;
+  padding: var(--Space-x15) 0;
+  justify-content: center;
+  font-weight: var(--Link-md-Font-weight);
+}
+
 @media (min-width: 768px) {
   .main {
     padding: var(--Spacing-x5) 0;
@@ -109,7 +116,7 @@
 
   .link {
     display: flex;
-    padding-bottom: var(--Spacing-x6);
+    margin-bottom: var(--Space-x6);
   }
   .mapContainer {
     display: flex;