.action-banner {
  background-color: var(--color-white-dark);

  .cta_button--with-extra-text {
    display: flex;
    flex-wrap: nowrap;
    align-items: baseline;
    justify-content: center;
    gap: 8px;
    text-align: center;
    font-weight: 700;
    background: none;
    padding: 0;
    border: 0;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;

    .button {
      background: none !important;
      border: 0 !important;
      padding: 0 !important;
      color: var(--color-gray-darker3) !important;
      font-weight: 700;
      letter-spacing: 0;
      text-transform: none;
      white-space: nowrap;
      width: auto !important;
      min-width: 0;

      a {
        color: inherit;
        text-decoration: none;
        font-weight: 700;
        padding: 18px 0;
      }
    }
  }

  .cta_button__extra-text {
    color: var(--color-gray-darker3);
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    white-space: nowrap;
  }

  .action-banner__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 36px 24px;

    .action-banner__image {
      img {
        width: 128px;
        height: 128px;
      }
    }

    .action-banner__text {
      color: var(--color-gray-darker3);
      width: 100%;

      .action-banner__title {
        line-height: 3.125rem;
        text-align: left;

        .alert-heading {
          font-size: 2.5rem;
          line-height: 3.25rem;
        }
      }

      .action-banner__description {
        font-size: 1.5rem;
        font-weight: 300;
  
        p {
          margin: 0;
        }
      }
    }
  }
}

@media (max-width: 1024px) {
  .action-banner {
    .action-banner__wrapper {
      flex-direction: column;
      align-items: flex-start;
      padding: 36px 0;

      .action-banner__text {
        .action-banner__title {
          .alert-heading {
            font-size: 2rem;
            line-height: 40px;
          }
        }
      }

      .action-banner__description {
        font-size: 20px;
        line-height: 28px;
      }

      .action-banner__cta {
        width: 100%;

        .button {
          width: 100%;
        }
      }

      .field--name-field-cta {
        width: 100%;

        .cta_button {
          .button {
            width: 100%;
          }
        }
      }
    }
  }
}