.receipt {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x-one-and-half);
}

.room {
  display: flex;
  flex-direction: column;
  gap: var(--Spacing-x-one-and-half);
}

.roomHeader {
  display: grid;
  grid-template-columns: 1fr auto;
}

.roomHeader :nth-child(n + 3) {
  grid-column: 1/-1;
}

.memberPrice {
  display: flex;
  gap: var(--Spacing-x1);
}

.entry {
  display: flex;
  justify-content: space-between;
}

.receipt .price button.btn {
  padding: 0;
}

@media screen and (min-width: 1367px) {
  .receipt {
    padding: var(--Spacing-x3);
  }
}