Merged in feat/BOOK-61-refactor-hotel-page-css-variables (pull request #3014)

Feat/BOOK-61 refactor hotel page css variables

* feat(BOOK-61): Breadcrumbs

* feat(BOOK-61): intro section

* feat(BOOK-61): show more button

* feat(BOOK-61): rooms section

* feat(BOOK-61): sidepeeks

* feat(BOOK-61): deprecated old Link component

* feat(BOOK-61): added new TextLink component to the design-system

* feat(BOOK-61): replaced deprecated links with new TextLink component

* feat(BOOK-61): miscellaneous changes


Approved-by: Bianca Widstam
Approved-by: Christel Westerberg

apps/scandic-web/components/ContentCard/contentCard.module.css

@@ -1,5 +1,15 @@
 .card {
   display: grid;
+
+  &:hover {
+    .imageContainer,
+    .image {
+      border-radius: var(--Corner-radius-lg);
+    }
+    .image {
+      transform: scale(1.05);
+    }
+  }
 }
 
 .imageContainer {
@@ -21,34 +31,28 @@
     border-radius 0.3s ease-in-out;
 }
 
-.card:hover,
-.card:hover .imageContainer,
-.card:hover .image {
-  border-radius: var(--Corner-radius-lg);
-}
-
-.card:hover .image {
-  transform: scale(1.05);
-}
-
 .promoTag {
   position: absolute;
   top: 14px;
   left: 14px;
-  text-transform: uppercase;
 }
 
 .content {
   display: flex;
-  padding: var(--Spacing-x-one-and-half);
+  padding: var(--Space-x15);
   flex-direction: column;
   align-items: flex-start;
-  gap: var(--Spacing-x-one-and-half);
+  gap: var(--Space-x15);
   align-self: stretch;
 }
 
+.link {
+  text-decoration: none;
+  color: inherit;
+}
+
 @media (min-width: 768px) {
   .content {
-    padding: var(--Spacing-x2) var(--Spacing-x2) var(--Spacing-x2) 0;
+    padding: var(--Space-x2) var(--Space-x2) var(--Space-x2) 0;
   }
 }