.card,
.disabledCard {
  border-radius: var(--Corner-radius-Large);
  padding: var(--Spacing-x-one-and-half) var(--Spacing-x2);
  background-color: var(--Base-Surface-Primary-light-Hover);
}

.disabledCard {
  opacity: 0.6;
}

.disabledCard:hover {
  cursor: not-allowed;
}

.card:hover {
  cursor: pointer;
}
input[type="radio"]:checked + .card {
  background-color: var(--Base-Surface-Primary-light-Hover-alt);
}

.header {
  display: flex;
  gap: var(--Spacing-x-half);
}

.header .infoIcon,
.header .infoIcon * {
  stroke: var(--Base-Text-Disabled);
  fill: var(--Base-Surface-Primary-light-Hover);
}