@layer layouts {
  /*
   * Review
   */
  
  .review-nav {
    position: relative;
  
    .btn-previous,
    .btn-next {
      left: 0;
      min-width: auto;
      padding-left: 0;
      padding-right: 0;
      position: absolute;
      text-align: center;
      top: 9.5rem;
      width: 2.75rem;
  
      @media (max-width: 991.98px) {
        top: 8rem;
      }
  
      @media (max-width: 991.98px) {
        top: 6.5rem;
      }
  
      @media (max-width: 639.98px) {
        top: 5rem;
      }
    }
  
    .btn-next {
      left: auto;
      right: 0;
    }
  }
  
  .review-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 7.5rem 0;
  
    @media (max-width: 1199.98px) {
      padding: 6rem 0;
    }
  
    @media (max-width: 991.98px) {
      padding: 4.5rem 0;
    }
  
    @media (max-width: 639.98px) {
      padding: 3rem 0;
    }
  
    .review-avatar {
      height: 6.25rem;
      margin-bottom: 1.5rem;
      width: 6.25rem;
  
      img {
        width: 100%;
        height: auto;
      }
    }
  
    .review-quote {
      color: var(--color-grey-900);
      font-size: 1.5rem;
      margin: 0 0 1.5rem 0;
      max-width: 600px;
      text-align: center;
  
      @media (max-width: 1199.98px) {
        font-size: 1.438rem;
      }
  
      @media (max-width: 991.98px) {
        font-size: 1.375rem;
      }
  
      @media (max-width: 991.98px) {
        font-size: 1.25rem;
      }
    }
  
    .review-rating {
      margin-top: 1.5rem;
    }
  }
}