feat(SW-340): Added Hotel Card Listing on map

components/HotelReservation/HotelCard/hotelCard.module.css

@@ -67,7 +67,7 @@
 }
 
 @media screen and (min-width: 1367px) {
-  .card {
+  .card.listing {
     grid-template-areas:
       "image header"
       "image hotel"
@@ -76,30 +76,30 @@
     padding: 0;
   }
 
-  .imageContainer {
+  .listing .imageContainer {
     position: relative;
     min-height: 200px;
     width: 518px;
   }
 
-  .tripAdvisor {
+  .listing .tripAdvisor {
     position: absolute;
     display: block;
     left: 7px;
     top: 7px;
   }
 
-  .hotelInformation {
+  .listing .hotelInformation {
     padding-top: var(--Spacing-x2);
     padding-right: var(--Spacing-x2);
   }
 
-  .hotel {
+  .listing .hotel {
     gap: var(--Spacing-x2);
     padding-right: var(--Spacing-x2);
   }
 
-  .prices {
+  .listing .prices {
     flex-direction: row;
     align-items: center;
     justify-content: space-between;
@@ -107,11 +107,11 @@
     padding-bottom: var(--Spacing-x2);
   }
 
-  .detailsButton {
+  .listing .detailsButton {
     border-bottom: none;
   }
 
-  .button {
+  .listing .button {
     width: 160px;
   }
 }