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

.card {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  background-color: var(--Scandic-Blue-00);
  padding: var(--Spacing-x-one-and-half);
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: var(--Corner-radius-md);
}

.cardTitle {
  text-transform: uppercase;
}

.cardTitle > span {
  color: var(--UI-Text-Placeholder);
}

.card.inactive {
  background-color: transparent;
}

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

.priceItem > span {
  font-weight: 400;
  text-decoration: line-through;
}
