.bbd-contact-banner-section {
  .bbd-contact-banner {
    grid-column: 1 / -1;
  }

  @media screen and (width > 750px) {
    .bbd-contact-banner {
      display: grid;
      grid-template-columns: subgrid;
    }

    .bbd-contact-banner__content {
      grid-template-columns: 128px auto;
      grid-column: 1 / 8;
      flex-direction: row;
      align-items: center;
      gap: var(--gap-2xl) var(--gap-2xl);
      padding: var(--padding-4xl);
    }

    .bbd-contact-banner__list {
      grid-column: 8 / -1;
      border-left: 1px solid var(--color-border);
    }

    .bbd-contact-banner__image {
      width: 128px;
    }

    .bbd-contact-banner__title {
      max-width: 520px;
      font-size: var(--font-size--3xl);
    }

    .bbd-contact-banner__text {
      max-width: 520px;
    }

    /* Contact-link */
    .bbd-contact-link {
      flex-grow: 1;

      &:first-child {
        border-top: 0;
      }
    }
  }

  @media screen and (width > 1200px) {
    .bbd-contact-banner__content {
      grid-template-columns: 192px auto;
      grid-template-rows: repeat(2, max-content);
      grid-column: 1 / 8;
      grid-gap: 0 var(--gap-3xl);
      padding: var(--padding-5xl);
    }

    .bbd-contact-banner__image {
      width: 192px;
      grid-row: 1 / -1;
    }

    .bbd-contact-banner__title {
      grid-row: 1 / 2;
      align-self: end;
      margin-block-end: var(--margin-xl);
    }

    .bbd-contact-banner__text {
      grid-column: 2 / -1;
      grid-row: 2 / -1;
      align-self: start;
    }

    .bbd-contact-banner__list {
      grid-column: 9 / -1;
    }

    .bbd-contact-link {
      gap: var(--gap-2xl);
      padding: var(--padding-2xl) var(--padding-4xl);
    }

    .bbd-contact-link__icon,
    .bbd-contact-link__icon svg {
      width: var(--icon-size-3xl);
      height: var(--icon-size-3xl);
    }
  }

  @media screen and (width > 1400px) {
    .bbd-contact-banner__content {
      grid-template-columns: 256px auto;
      grid-gap: 0 var(--gap-4xl);
      padding: var(--padding-6xl);
    }

    .bbd-contact-banner__image {
      width: 256px;
    }

    .bbd-contact-banner__title {
      font-size: var(--font-size--5xl);
    }
  }
}