.tabs {
   border-bottom: 1px solid $border-color;
   display: flex;
   flex-wrap: wrap;
   margin-bottom: 30px;

   .nav-link {
      border-bottom: 2px solid transparent;
      color: $text-dark;
      display: flex;
      align-items: center;
      justify-content: center;
      letter-spacing: .12em;
      margin-right: 35px;
      order: -1;
      text-align: center;
      text-decoration: none;
      text-transform: uppercase;
      transition: border-bottom-color .3s;
      z-index: 1;

      .review-stars {
         margin-left: 4px;
      }

      &:nth-last-child(2) {
         margin-right: 0;
      }

      &:hover,
      &:focus,
      &.active {
         border-bottom-color: $black;
      }

      &.active {
         font-weight: $font-weight-bold;
      }
   }

   @media screen and (max-width: 599px) {
      .nav-link {
         letter-spacing: normal;
         margin-right: 15px;

         .review-stars {
            display: none;
         }
      }
   }


   @media screen and (max-width: 374px) {
      .nav-link {
         font-size: 12px;
         margin-right: 10px;
      }
   }
}
