.wpj-tooltip {
   position: absolute;
   z-index: 100;
   background: $body-bg;
   padding: 4px 9px;
   border: 1px solid $border-color;
   color: $text-dark;
   border-radius: $border-radius-base;
   font-size: $font-size-smaller;
   text-align: center;
   box-shadow: $box-shadow;
   max-width: 500px;

   &::after {
      content: '';
      display: inline-block;
      position: absolute;
      border-top: 7px solid $body-bg;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      left: 50%;
      bottom: -7px;
      margin-left: -7px;
   }

   &::before {
      content: '';
      display: inline-block;
      position: absolute;
      border-top: 8px solid $border-color;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      left: 50%;
      bottom: -8px;
      margin-left: -8px;
   }

   p {
      margin-bottom: 5px;

      &:last-child {
         margin-bottom: 0;
      }
   }

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

   }
}

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

   &::after,
   &::before {
      left: 42px;
   }
}
