.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;
}

.termsLink {
  justify-self: flex-start;
}
.terms {
  padding-top: var(--Spacing-x3);
}
.termsText:nth-child(n) {
  display: flex;
  align-items: center;
  padding-bottom: var(--Spacing-x1);
}
.terms .termsIcon {
  padding-right: var(--Spacing-x1);
}

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