.review-btns {
   display: flex;
   justify-content: center;
   margin-top: 30px; // let it collapse with .review-item margin-bottom

   .btn {
      padding-right: 5px;
      padding-left: 5px;
      width: calc(50% - 10px);

      + .btn {
         margin-left: 20px;
      }

      @media (max-width: $sm - 1) {
         flex-grow: 1;
         letter-spacing: normal;
         padding: 12px 5px;
         width: auto;

         + .btn {
            margin-left: 10px;
         }
      }

      @media (max-width: 374px) {
         font-size: 12px;
      }
   }
}

.review-alert {
   margin-top: 20px;
   margin-bottom: 0;
   text-align: center;
}

.review-stars {
   color: $border-color;
   display: inline-flex;
   align-items: center;
   margin: 0 -2px;

   span {
      color: $black;
      font-size: 14px;
      vertical-align: middle;
      margin: 0 2px;
   }

   .empty {
      color: $border-color;
   }
}

.review-average {
   background: $body-bg-alt;
   display: flex;
   align-items: center;
   margin-bottom: 25px;
   padding: 20px;
   position: relative;

   strong {
      color: $black;
      margin-right: 10px;
   }

   .review-stars {
      margin-left: 2px;
      position: relative;
      top: -1px;
   }

   .review-stars-tooltip {
      bottom: 100%;
      max-width: 100%;
      left: 0;
      text-align: center;
      display: none;
   }

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

.review-verified {
   display: flex;
   align-items: center;
   font-size: $font-size-smaller;
   margin: 4px 0 0;

   .fc {
      color: $state-success;
      margin-right: 7px;
   }
}

.review-report a {
   color: $text-muted;
   font-size: $font-size-smaller;
}

.review-collection-product {
   color: $text-muted;
}

.reviews-rules-link {
   text-align: center;
   padding-top: 15px;
}
