.container {
  overflow: hidden;
  position: relative;
  z-index: 10;
  &[data-isopen="true"] {
    overflow: visible;
  }
}
.roomContainer {
  display: grid;
  gap: var(--Spacing-x1);
}
.hideWrapper {
  background-color: var(--Main-Grey-White);
  border-radius: var(--Corner-radius-Medium);
  box-shadow: 0px 16px 24px 0px rgba(0, 0, 0, 0.08);
  padding: var(--Spacing-x-one-and-half);
  position: absolute;
  /** BookingWidget padding + border-width */
  top: calc(100% + var(--Spacing-x2) + 1px);
  width: 360px;
  max-width: 100vw; /* for small screens having view port width of 320px */
}
.btn {
  background: none;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  width: 100%;
}
.body {
  opacity: 0.8;
}
.footer {
  display: grid;
  gap: var(--Spacing-x1);
  grid-template-columns: auto;
  margin: 10px 0 0;
}