.two-col-grid.block {
  padding-block: var(--corp-space-40);
  margin-top: 50px;

  @media (width >=768px) {
    padding-block: var(--corp-space-5xl);
    margin-top: 20px;
  }

  @media (width >=1200px) {
    padding-block: var(--corp-space-6xl);
  }

  .two-col-grid__wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--corp-space-xl);

    @media (width >=768px) {
      gap: var(--corp-space-2xl);
    }

    @media (width >=1200px) {
      gap: var(--corp-space-3xl);
    }
  }

  .two-col-grid__header {
    width: 100%;
    text-align: center;

    * {
      margin: 0;
      color: var(--corp-color-neutral-black);
      font-size: var(--corp-type-mobile-display-3-font-size);
      font-weight: var(--fw-500);
      line-height: var(--corp-type-mobile-display-3-line-height);
      letter-spacing: -0.28px;
    }
  }

  .two-col-grid__content {
    align-items: center;
  }

  .two-col-grid__media {
    .button-container {
      margin: 0;
    }

    picture,
    img {
      display: block;
      width: 100%;
      height: auto;
    }
  }

  .two-col-grid__text {
    * {
      margin: 0 0 var(--corp-space-lg);
      color: var(--corp-color-neutral-black);
      font-size: var(--corp-type-desktop-body-font-size);
      font-weight: var(--fw-400);
      line-height: var(--corp-type-desktop-body-lg-line-height);
    }

    *:last-child {
      margin-bottom: 0;
    }
  }

  &.right {
    .two-col-grid__media {
      order: 1;
    }

    .two-col-grid__text {
      order: 0;
    }
  }
}