.four04-page {
   @include _XSDesktop {
      padding: 100px 0;
   }
   @include _HDesktop {
      padding: 160px 0;
   }
   &__wrapper {
   }

   &__body {
      display: grid;
      gap: 60px;

      @include _Tablet {
         gap: 40px;
      }

      @include _XSDesktop {
         grid-template-columns: 1fr 0.9fr;
         align-items: center;
         justify-content: space-between;
         gap: 80px;
      }

      @include _Desktop {
         gap: 115px;
         grid-template-columns: 1fr 1.2fr;
      }
      @include _HDesktop {
         gap: 70px;
         grid-template-columns: 1fr 1.27fr;
      }
   }

   &__logo {
      aspect-ratio: 34/19;
      @include _Tablet {
         aspect-ratio: 16/9;
      }

      @include _XSDesktop {
         order: 1;
      }

      img {
         width: 100%;
         height: 100%;
         object-fit: contain;
      }
   }

   &__content {
   }

   &__title {
      margin-bottom: 16px;

      @include _Tablet {
         margin-bottom: 24px;
      }

      @include _HDesktop {
         margin-bottom: 32px;
      }
   }

   &__text {
      margin-bottom: 24px;

      @include _Tablet {
         margin-bottom: 32px;
      }

      @include _HDesktop {
         margin-bottom: 40px;
      }
   }

   &__btns {
      display: flex;
      gap: 32px;
   }

   &__btn.btn {
      padding: 18px 16px;
      min-width: 129px;

      @include _HDesktop {
         padding: 22px 16px;
         min-width: 158px;
      }
   }

   .arrow-link__arrow {
      @include _HDesktop {
         width: 45px;
         height: 45px;
      }
   }
}
