.recent-articles {
   &__wrapper {
   }

   &__body {
   }

   &__h2 {
      margin-bottom: 24px;

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

   &__tabs {
      .tabs-nav__list {
         overflow-x: visible;
         flex-wrap: wrap;
         margin: 0;

         & :first-child {
            margin: 0;
         }
      }
   }

   &__content {
   }

   &__list {
      display: grid;
      gap: 20px;

      @include _Tablet {
         grid-template-columns: repeat(2, 1fr);
      }
      @include _XSDesktop {
         grid-template-columns: repeat(3, 1fr);
         row-gap: 32px;
      }
      @include _HDesktop {
         row-gap: 40px;
      }
   }

   &__item {
      @include _Desktop {
         min-height: 460px;
      }
      @include _HDesktop {
         min-height: 711px;
      }
   }

   &__link {
      justify-content: center;
      margin-top: 32px;

      @include _HDesktop {
         margin-top: 60px;
      }

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

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