.text-media {
   &__wrapper {
   }

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

      @include _XSDesktop {
         grid-template-columns: 409px 1fr;
         gap: 127px;
         align-items: center;
      }

      @include _Desktop {
         grid-template-columns: 1fr 1.06fr;
         gap: 64px;
      }

      @include _HDesktop {
         grid-template-columns: 1fr 1.2fr;
         gap: 170px;
      }
   }

   &__left {
   }

   &__title {
      margin-bottom: 16px;

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

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

   &__descr {
      margin-bottom: 32px;
      font-size: rem(16);
      line-height: 1.4;

      @include _Tablet {
         font-size: rem(12);
         line-height: 1.5;
         max-width: 60%;
      }

      @include _XSDesktop {
         margin-bottom: 40px;
         max-width: 95%;
         font-size: rem(14);
         line-height: 1.4;
      }

      @include _Desktop {
         font-size: rem(20);
         line-height: 1.4;
         max-width: 100%;
      }

      @include _HDesktop {
         font-size: rem(24);
         line-height: 1.4;
      }

      li {
         list-style-type: disc;

         margin: 0.6em;
         margin-left: 1.3em;
      }
   }

   &__actions {
      display: flex;
      gap: 12px;

      @include _Tablet {
         gap: 24px;
      }

      @include _HDesktop {
         gap: 32px;
      }
   }

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

      @include _Desktop {
         font-size: 12px;
      }

      @include _HDesktop {
         font-size: 14px;
         min-width: 200px;
         padding: 22px;
      }
   }

   &__link.arrow-link .arrow-link__arrow {
      width: 40px;
      height: 40px;

      @include _HDesktop {
         width: 45px;
         height: 45px;
      }
   }

   &__right {
   }

   &__video {
   }

   &__image {
   }

   &__video,
   &__image {
      position: relative;
      aspect-ratio: 17/10;

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

      @include _Tablet {
         aspect-ratio: 69/40;
      }

      @include _XSDesktop {
         aspect-ratio: 41 / 24;
      }

      @include _Desktop {
         aspect-ratio: 55 / 32;
      }

      @include _HDesktop {
         aspect-ratio: 91 / 53;
      }

      &::after {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background-color: #0000004d;
      }
   }
}
