.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card {
  position: relative;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  min-height: 10.625rem;
  padding: 1.375rem;
  border-radius: var(--kombos-brand-radius-lg);
  box-shadow: var(--kombos-brand-shadow);
  color: inherit;
  text-decoration: none;
  transition:
    transform 200ms ease-out,
    box-shadow 200ms ease-out;
}

.cc_aprkxy05_V4X5U3lO4X a.kombos-promo-card {
  cursor: pointer;
}

.cc_aprkxy05_V4X5U3lO4X a.kombos-promo-card:hover {
  transform: translateY(-0.1875rem);
  box-shadow: var(--kombos-brand-shadow-hover);
}

.cc_aprkxy05_V4X5U3lO4X a.kombos-promo-card:focus-visible {
  outline: 2px solid var(--kombos-brand-primary);
  outline-offset: 3px;
}

.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* The wash used to end at 45% white, so the photograph was a ghost across the
 * whole card and the section read as four pastel blocks. It now holds nearly
 * solid behind the text column and then clears quickly, which leaves the right
 * edge of the photo actually visible. The near-solid stop sits just past where
 * the text ends (measured: 75% of the card), so legibility does not depend on
 * what the merchant's photograph happens to show. */
.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.94) 76%,
    rgba(255, 255, 255, 0.45) 92%,
    rgba(255, 255, 255, 0.12) 100%
  );
}

.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__content {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 14rem;
}

.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__eyebrow {
  margin: 0;
  color: var(--kombos-brand-muted);
  font-style: italic;
}

.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__title {
  margin: 0.375rem 0 0.5625rem;
  color: var(--kombos-brand-ink);
}

.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__desc {
  margin: 0 0 0.75rem;
  color: var(--kombos-brand-muted);
}

.cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__cta {
  display: inline-flex;
  align-items: center;
  min-height: 2.75rem;
  padding: 0 0.875rem;
  border-radius: var(--kombos-brand-radius-pill);
  background-color: var(--kombos-brand-primary);
  color: var(--kombos-brand-on-primary);
  transition: background-color 200ms ease-out;
}

.cc_aprkxy05_V4X5U3lO4X a.kombos-promo-card:hover .kombos-promo-card__cta {
  background-color: var(--kombos-brand-primary-hover);
}

@media (prefers-reduced-motion: reduce) {
  .cc_aprkxy05_V4X5U3lO4X .kombos-promo-card, .cc_aprkxy05_V4X5U3lO4X .kombos-promo-card__cta {
    transition: none;
  }

  .cc_aprkxy05_V4X5U3lO4X a.kombos-promo-card:hover {
    transform: none;
  }
}