.modalText {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x2);
}

.priceContainer {
  display: flex;
  padding: var(--Spacing-x2);
  background-color: var(--Base-Background-Primary-Normal);
  border-radius: var(--Corner-radius-Medium);
  align-items: center;
  justify-content: flex-end;
}

.rooms {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x1);
}

.roomContainer {
  display: flex;
  padding: var(--Spacing-x2);
  background-color: var(--Base-Background-Primary-Normal);
  border-radius: var(--Corner-radius-Medium);
  align-items: center;
  gap: var(--Spacing-x1);
}

.roomInfo {
  display: flex;
  flex-direction: column;
}

.info {
  border-right: 1px solid var(--Base-Border-Subtle);
  padding-right: var(--Spacing-x2);
  text-align: right;
  display: flex;
  flex-direction: column;
}

.price {
  padding-left: var(--Spacing-x2);
  display: flex;
  align-items: center;
}