.cc_Ipc5W68kmf_GvIqlC1Ko6 .kombos-potential-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  gap: 0.625rem;
  /* Fills the row's stretched height (row items differ in natural content
     height when a title wraps to 2 lines) so the CTA below can be pinned to
     the same baseline on every card via margin-top:auto. */
  width: 100%;
  height: 100%;
}

.cc_Ipc5W68kmf_GvIqlC1Ko6 .kombos-potential-card__img-wrap {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: var(--kombos-brand-pink);
  overflow: hidden;
}

.cc_Ipc5W68kmf_GvIqlC1Ko6 .kombos-potential-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}

.cc_Ipc5W68kmf_GvIqlC1Ko6 .kombos-potential-card:hover .kombos-potential-card__img {
  transform: scale(1.04);
}

.cc_Ipc5W68kmf_GvIqlC1Ko6 .kombos-potential-card__title {
  color: var(--kombos-gray-900);
  /* Titles are split into two balanced lines in the component, so the box is
     always two lines tall and every CTA below lands on the same baseline. */
  min-height: 3rem;
  margin-inline: auto;
}

.cc_Ipc5W68kmf_GvIqlC1Ko6 .kombos-potential-card__cta {
  color: var(--kombos-brand-bordo);
  text-decoration: underline;
  text-underline-offset: 0.2em;
  /* Pins the CTA to the same bottom line across every card in the row,
     regardless of how many lines the title above it wraps to. */
  margin-top: auto;
}