.paragraph--type--feature-panel {
  .feature-panel-inner {
    display: flex;
    flex-direction: column;
    max-width: 1526px;
    margin: 0 auto;
    padding-block: 60px;
    padding-left: 43px;
    padding-right: 43px;
    text-align: center;
    @media (max-width: 1440px) {
      padding-right: 3vw;
      padding-left: 3vw;
    }


    .field--name-field-heading {
      text-align: center;
      font-family: var(--font-sans);
      font-size: 36px;
      font-style: normal;
      font-weight: 700;
      line-height: 110%; /* 33px */
      letter-spacing: 0.72px;
      margin-bottom: 30px;
      @media (max-width: 767px) {
        font-size: 30px;
        font-style: normal;
        font-weight: 600;
      }
    }

    .field--name-field-body {
      margin-bottom: 30px;

      p {
        text-align: center;
        font-family: var(--font-sans);
        font-size: 19px;
        font-style: normal;
        font-weight: 400;
        line-height: 163%; /* 30.97px */
      }
    }

    .field--name-field-cta-buttons {
      align-self: center;
      padding: 30px;
      border-radius: 12px;
      background: rgba(255, 255, 255, 0.17);
      display: flex;
      gap: 30px;
      justify-content: center;
      @media (max-width: 767px) {
        flex-direction: column;
      }
    }
  }

  &.pattern {
    background-image: url(/sites/default/files/2025-11/Cavs-Pattern.png);
    background-blend-mode: overlay;
  }

  &.dark-blue {
    background-color: var(--Brand-Primary, #25408E);

    .field--name-field-heading {
      color: var(--Tertiary-2, #7BCDF1);
    }

    .field--name-field-body p {
      color: var(--Near-White, #F6ECEC);
    }

    .field--name-field-cta-buttons .field--name-field-link {
      background: var(--Brand-Secondary, #DD3A31);

      a {
        color: var(--Pure-White, #FFF);
      }
    }
  }

  &.light-blue {
    background-color: var(--Tertiary, #4AA8DE);

    .field--name-field-heading {
      color: var(--Pure-White, #FFF);
    }

    .field--name-field-body p {
      color: var(--Document-Black, #1C1C1C);
    }

    .field--name-field-cta-buttons {
      .field--name-field-link {
        background: var(--Brand-Primary, #25408E);

        a {
          color: var(--Pure-White, #FFF);
        }
      }
    }
  }

  &.red {
    background-color: var(--Brand-Secondary, #DD3A31);

    .field--name-field-heading {
      color: var(--Pure-White, #FFF);
    }

    .field--name-field-body p {
      color: var(--Pure-White, #FFF);
    }

    .field--name-field-cta-buttons .field--name-field-link {
      background: var(--Brand-Primary, #25408E);

      a {
        color: var(--Pure-White, #FFF);
      }
    }
  }

  &.white {
    background-color: var(--Brand-Primary, #FFFFFF);

    .field--name-field-heading {
      color: #DD3A31;
    }

    .field--name-field-body p {
      color: var(--color-document-black);
    }

    .field--name-field-cta-buttons .field--name-field-link {
      background: var(--Tertiary, #4AA8DE);

      a {
        color: var(--Pure-White, #FFF);
      }
    }
  }
}