Merged in fix/prevent-jump-when-hover-card (pull request #1889)

fix: prevent jumping layout when hovering card

Approved-by: Erik Tiekstra

apps/scandic-web/components/Blocks/DynamicContent/Stays/StayCard/stay.module.css

@@ -1,22 +1,21 @@
+.link {
+  outline: 1px solid var(--Base-Border-Subtle);
+  border-radius: var(--Corner-radius-Medium);
+  overflow: hidden;
+  position: relative;
+
+  &:focus,
+  &:hover {
+    outline-offset: 0;
+    outline: 1.5px solid var(--Base-Border-Hover);
+  }
+}
+
 .stay {
   background-color: var(--Main-Grey-White);
-  border: 1px solid var(--Base-Border-Subtle);
-  border-radius: var(--Corner-radius-Medium);
-  display: grid;
-  overflow: hidden;
-}
-
-.link {
-  text-decoration: none;
-  position: relative;
-}
-
-.stay:hover {
-  border: 1.5px solid var(--Base-Border-Hover);
 }
 
 .image {
-  height: auto;
   min-height: 220px;
   object-fit: cover;
   overflow: hidden;
@@ -34,9 +33,7 @@
 }
 
 .hotel {
-  margin: 0;
   overflow: hidden;
-  padding: 0;
   text-overflow: ellipsis;
   text-wrap: nowrap;
 }