.amenitiesContainer {
  background-color: var(--Base-Surface-Subtle-Normal);
  border-radius: var(--Corner-radius-lg);
  padding: var(--Spacing-x3) var(--Spacing-x3) var(--Spacing-x-one-and-half)
    var(--Spacing-x3);
  display: grid;
  gap: var(--Spacing-x-one-and-half);
  height: fit-content;
  width: min(100%, 300px);
  justify-items: start;
}

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

.amenityItem {
  display: inline-flex;
  gap: var(--Spacing-x1);
  align-items: center;
}

.icon {
  flex-shrink: 0;
}

.showAllAmenities {
  width: fit-content;
}

.facility {
  color: var(--Text-Secondary);
}

@media screen and (min-width: 1367px) {
  .amenitiesContainer {
    margin-top: var(--Spacing-x5);
  }
}
