.hero-content {
   @include _Tablet {
      max-width: 570px;
   }

   @include _Desktop {
      max-width: 55%;
   }

   &__container {
      position: absolute;
      bottom: 0;
      z-index: 2;
   }

   &__body {
      padding-bottom: 40px;
   }

   &__h1 {
      margin-bottom: 24px;

      @include _Tablet {
         margin-bottom: 40px;
      }
      @include _XSDesktop {
         margin-bottom: 16px;
      }
      @include _HDesktop {
         margin-bottom: 7px;
      }
   }

   &__descr {
      margin-bottom: 24px;
      line-height: 1.4;

      @include _Tablet {
         margin-bottom: 40px;
         font-size: rem(20);
      }

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

      @include _HDesktop {
         margin-bottom: 56px;
         font-size: rem(24);
      }

      ul {
         list-style: none;
         li {
            position: relative;
            margin-bottom: 8px;
            padding-left: 20px;

            &::before {
               content: "";
               position: absolute;
               top: 50%;
               left: 0;
               transform: translateY(-50%);
               width: 6px;
               height: 6px;
               background-color: #fff;
               border-radius: 50%;
            }
         }
      }
   }

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

      @include _Tablet {
         gap: 24px;
      }

      @include _HDesktop {
         gap: 32px;
      }
   }

   &__btn {
      min-width: 162px;

      @include _Desktop {
         font-size: rem(12);
      }
      @include _HDesktop {
         font-size: rem(14);
      }
   }

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

      .arrow-link__text {
         font-size: rem(12);

         @include _HDesktop {
            font-size: rem(14);
         }
      }
   }
}
