.entry-content {
  & .block-cta-section {
    margin-bottom: 88px;
  }
}

.block-cta-section {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 48px;
  text-align: center;

  & .eyebrow {
    color: var(--wp--custom--eyebrow--color);
    font-size: var(--wp--custom--eyebrow--font-size);
    font-weight: bold;
    margin: 0;
    order: 1;
    text-transform: uppercase;
  }

  & h2 {
    margin: 0;
    max-width: 700px;
    order: 2;
  }

  & .cta-cards {
    
    display: grid;
    grid-gap: 32px;
    justify-content: center;
    margin-top: 2rem;
    order: 3;
    width: 100%;

    @media ( min-width: 840px ) {
      &.cards-odd {
        grid-template-columns: repeat(3, minmax(0, 328px));
      }
  
      &.cards-even {
        grid-template-columns: repeat(2, minmax(0, 328px));
      }
    }
  }

  & .cta-card {
    align-items: center;
    border-radius: var(--wp--custom--border-radius--medium);
    display: flex;
    flex-direction: column;
    padding: 4.625rem 1rem;
    position: relative;

    &:hover {
      filter: brightness(0.97);

      & img {
        transform: translateY(-2px);
      }
    }

    &.yellow {
      background-color: var(--wp--preset--color--bg-light-yellow);
    }

    &.blue {
      background-color: var(--wp--preset--color--bg-light-blue);
    }

    &.orange {
      background-color: var(--wp--preset--color--bg-light-orange);
    }

    & a {
      color: var(--wp--custom--color--black);
      font-size: var(--wp--preset--font-size--md);
      font-weight: 600;
      line-height: 1.2;
      margin: 0;
      text-decoration: none;

      &:after {
        content: '';
        inset: 0;
        position: absolute;
      }
    }

    & img {
      height: 100%;
      margin-bottom: 16px;
      max-height: 90px;
      max-width: 90px;
      width: 100%;
    }
  }
}