.reviews {
   overflow: hidden;
   &__wrapper {
   }

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

      @include _XSDesktop {
         gap: 95px;
         grid-template-columns: 222px 1fr;
      }

      @include _Desktop {
         gap: 60px;
         grid-template-columns: 225px 1fr;
      }

      @include _HDesktop {
         gap: 20px;
         grid-template-columns: 445px 1fr;
      }
   }

   &__left {
      display: flex;
      flex-direction: column;
   }

   &__subtitle {
      margin-bottom: 16px;
      color: cl("accent");
      @include _Tablet {
         margin-bottom: 24px;
      }

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

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

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

   &__h2 {
      text-wrap: balance;
   }

   &__slider-controls {
      display: flex;
      justify-content: space-between;
      gap: 36px;
      margin-top: 32px;
      align-items: end;

      @include _XSDesktop {
         flex-direction: column;
         align-items: start;
         margin-top: auto;
      }

      @include _XSDesktop {
         gap: 24px;
      }

      @include _HDesktop {
         flex-direction: row;
         align-items: end;
         justify-content: start;
      }
   }

   &__slider-nav {
   }

   &__slider-pagination {
      @include _Tablet {
         max-width: 226px;
      }

      @include _XSDesktop {
         max-width: 100%;
      }

      @include _HDesktop {
         max-width: 51%;
      }
   }

   &__slider {
      min-width: 0;

      @include _XSDesktop {
         margin-right: -45px;
      }
   }
}

.reviews-slider__btn-prev,
.reviews-slider__btn-next {
   @include _HDesktop {
      width: 40px;
      height: 40px;
   }
}
