$reviews-header-btn-width: 250px !default;
$reviews-header-border: 0 !default;

@import "@css[shared]/modules/reviews/_reviews-header";

.reviews-header {
   margin-bottom: 40px;

   .reviews-title-inner {
      p {
         margin: 0;
      }

      .h2 {

         + p {
            color: $text-muted;
         }
      }
   }

   .review-stars-wrapper span,
   p:not(.h2) {
      font-size: $font-size-base;
   }

   .review-stars {
      margin-right: 2rem;
   }

   .rating {
      position: absolute;
      margin: 2px 0 0 10px;
      font-weight: $font-weight-bold;
   }

   @media screen and (min-width: $md) and (max-width: $lg - 1),
   screen and (max-width: $sm - 1) {
      .btn {
         max-width: 180px;
      }
   }
}

@media screen and (max-width: $md - 1) {
   .reviews-header {
      p:not(.h2) {
         display: none;
      }
   }
}

@media screen and (max-width: $xl - 1) {
   .reviews-header {
      .review-stars-wrapper {
         flex-wrap: wrap;
      }
   }
}

