.content .entry-content {
  & .block-pricing-cards {
    max-width: 1272px;
  }
}

.block-pricing-cards {
  padding-bottom: 4rem;
  position: relative;
  z-index: 1;

  &:before {
    display: none;
  }

  &.gated-content {
    left: 0;
    position: absolute;
    right: 0;

    &:before {
      background-image: linear-gradient(to bottom, transparent, white 25%);
      content: '';
      display: block;
      inset: 0;
      position: absolute;
      z-index: 5;
    }
  }

  & .pricing-card-group {
    display: grid;
    gap: 32px;
    grid-template-columns: 1fr;
    justify-content: center;
    margin: 0 auto;
    
    padding: 0 1rem;
    width: 100%;

    @media ( width >= 840px ) {
      grid-template-columns: repeat(2, 1fr);
    }

    @media ( width >= 1080px ) {
      grid-template-columns: repeat(4, 1fr);
    }
  }

  & .pricing-card {
    border-radius: var(--wp--custom--border-radius--medium);
    background-color: var(--wp--preset--color--bg-off-white);
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding-bottom: 2rem;
    position: relative;
    text-align: center;

    &.featured {
      
      & .tagline {
        background: linear-gradient(to right, #FFA403, #FF7F00);
        color: var(--wp--preset--color--white);
      }
    }

    & .tagline {
      background-color: var(--wp--preset--color--bg-light-blue);
      color: var(--wp--preset--color--blue);
      font-size: 17px;
      font-weight: 600;
      margin: 0;
      padding: 1rem 0;
      text-transform: uppercase;
    }

    & .content {
      flex: 1;
      padding: 0 1rem 1rem;

      & .title {
        font-size: var( --wp--preset--font-size--lg );
      }

      & p {
        line-height: 1.4;
      }
    }

    & ul {
      margin: 0 0 1rem 0;
      padding: 0;

      & li {
        font-size: 18px;
        font-weight: 600;
        margin: 0;
        list-style-type: none;
      }
    }

    & .gray-text {
      color: var(--wp--preset--color--bodytext-light);
      font-size: 14px;
      font-weight: 600;
      line-height: 1.2;
      margin-top: 2rem;
    }

    & .cost {
      font-size: var( --wp--preset--font-size--md );
      font-weight: 600;
      margin: 0;
    }
  }

}