/* Card styles */
.partner-offer-card {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  height: 100%;

  &.partner-offer-card--overlay {
    position: relative;

    & .partner-offer-card__image {
      --ratio: 1;
    }

    & .partner-offer-card__info-bar {
      position: absolute;
      inset: auto 16px 24px 16px;
      z-index: 1;
      background: var(--partner-offer-card-top-bg, #fff);
      border-radius: 16px;
    }
  }

  & .partner-offer-card__top {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    overflow: hidden;
    background: var(--partner-offer-card-top-bg, #fff);

    @media (max-width: 749px) {
      flex-grow: 1;
    }
  }

  & .partner-offer-card__image {
    --ratio: 440 / 322;

    & > img {
      width: 100%;
      aspect-ratio: var(--ratio);
      object-fit: cover;
      display: block;
    }
  }

  & .partner-offer-card__info-bar {
    container-type: inline-size;
    container-name: partner-offer-card-info-bar;
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
    padding: 16px;

    @container partner-offer-card-info-bar (min-width: 270px) {
      grid-template-columns: 1fr auto;
    }

    @media (max-width: 749px) {
      flex-grow: 1;
    }
  }

  & .partner-offer-card__info-text {
    font-size: 1.4rem;
    line-height: 1;
    font-weight: 500;
    color: #212427;
  }

  & .partner-offer-card__button {
    align-self: center;
    padding: 16px;
    min-width: auto;
    min-height: auto;
    margin-top: 8px;

    @container partner-offer-card-info-bar (min-width: 270px) {
      grid-column: 2;
      grid-row: 1 / span 2;
      margin-top: 0;
    }
  }

  & .partner-offer-card__bottom {
    @media (max-width: 749px) {
      display: none;
    }
  }
}

.partner-offer-card__highlight {
  font-weight: 700;
  color: #c5197d;
  margin: 0;
  line-height: 1;

  @container partner-offer-card-info-bar (max-width: 269.9px) {
    margin-top: auto;
  }
}

.partner-offer-card__title {
  margin: 0 0 4px;
}

.partner-offer-card__description {
  font-size: 14px;
  margin: 0;
  line-height: calc(21 / 16);
}