.ancillaryCard {
  display: flex;
  flex-direction: column;
  cursor: pointer;
}

.imageContainer {
  position: relative;
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: var(--Corner-Radius-md);
  overflow: hidden;
}

.image {
  object-fit: cover;
}

.price {
  display: flex;
  gap: var(--Space-x1);
  color: var(--UI-Text-High-contrast);
}

.contentContainer {
  padding: var(--Space-x15) 0 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--Space-x1);
}

.ancillaryTitle {
  color: var(--UI-Text-High-contrast);
}
.ancillaryPoints {
  color: var(--UI-Text-High-contrast);
  text-align: right;
}