.container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.roomsFilter {
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-x1);
  align-items: center;
}

.filterInfo {
  display: flex;
  flex-direction: row;
  gap: var(--Spacing-x-half);
  align-items: flex-end;
}

.infoDesktop {
  display: none;
}

.infoMobile {
  display: block;
}

@media (min-width: 768px) {
  .infoDesktop {
    display: block;
  }

  .infoMobile {
    display: none;
  }
}
