#wizard-page {
  .wizard-network-option {
    display: flex;
    flex-flow: row nowrap;
    box-sizing: border-box;
    align-items: center;

    & > svg,
    & > img,
    & > p {
      display: none;
    }

    @include media-breakpoint-down(xl) {
      box-shadow: none;
      justify-content: space-between;
      padding: 20px;
      background-color: var(--bg-light);
    }

    @include media-breakpoint-up(xl) {
      flex-flow: column;
      padding: 34px 0;
      row-gap: 45px;
      align-items: center;
      justify-content: center;

      & > svg,
      & > img {
        display: block;
      }
      & > p {
        display: block;
        @include typography-legacy(15px, 18px, medium, var(--gray-light), 'Roboto');

        width: 100%;
        text-align: center;
      }
    }

    & > header {
      user-select: none;
      @include typography-legacy(15px, 23px, semiBold, var(--text-main), 'Poppins');
      text-align: center;

      @include media-breakpoint-up(lg) {
        @include typography-legacy(24px, 36px, semiBold, var(--text-main), 'Poppins');
      }

      @include media-breakpoint-up(xl) {
        width: 100%;
      }
    }

    & > .btn {
      height: 47px;
      width: 255px;
    }
  }
}
