.reviews-header {
   border-top: 1px solid $border-color;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: $spacer-lg;
   padding-top: 40px;
   flex-wrap: wrap;

   .reviews-title {
      flex: 1;

      .title {
         font-size: 26px;
         font-weight: 700;
         margin-bottom: -10px;
      }
   }

   p {
      margin-bottom: 0;
      color: $black;
   }

   .review-stars-wrapper {
      display: flex;
      align-items: center;
      position: relative;

      .rating {
         font-size: 18px;
         font-weight: 600;
      }

      .reviews-count {
         font-size: $font-size-smaller;
         color: $text-muted-alt;
         margin-left: 10px;
      }

      @include haf {
         .review-stars-tooltip {
            display: block;
         }
      }
   }

   .review-stars {
      position: relative;
      top: -2px;
      margin-right: $spacer;
   }

   .btn {
      padding-right: 0;
      padding-left: 0;
      max-width: 355px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: center;

      .fc {
         display: none;
      }
   }

   .btn-secondary {
      background-color: $black;
      border-color: $black;
      color: $white;
      border-radius: 5px;
      padding: 15px 10px;
   }

   @media screen and (max-width: $xxl - 1) {
      flex-direction: column;
      align-items: flex-start;
   }

   @media screen and (max-width: $md - 1) {
      flex-wrap: wrap;

      .reviews-title {
         flex: 100%;
         margin-bottom: $spacer;
      }
   }

   @media screen and (max-width: $sm - 1) {
      padding: 30px 10px 0 10px;

      button {
         display: none;
      }
   }
}

