.container {
  --scroll-margin-top: calc(
    var(--booking-widget-mobile-height) + var(--Spacing-x2)
  );
  position: relative;
  display: grid;
  gap: var(--Spacing-x2);
  scroll-margin-top: var(--scroll-margin-top);
}

.listHeader {
  display: grid;
  gap: var(--Space-x2);
}

.cta {
  display: flex;
  justify-content: space-between;
  gap: var(--Spacing-x2);
}

.hotelList {
  list-style: none;
  display: grid;
  gap: var(--Spacing-x2);
}

@media screen and (min-width: 768px) {
  .container {
    --scroll-margin-top: calc(
      var(--booking-widget-desktop-height) + var(--Spacing-x2)
    );
  }
}

@media screen and (min-width: 1367px) {
  .listHeader {
    display: flex;
    justify-content: space-between;
  }

  .mapButton {
    display: none !important; /* Important to override button higher specificy */
  }
}
