.reviewList {
    // padding: 20px;
    display: flex;
    flex-direction: column;
  
    .header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 15px;
      &-title {
        font-size: 14px;
        line-height: 1.3;
        margin: 0;
        color: #222222;
        font-weight: bold;
      }
      &-right {
        font-size: 14px;
        line-height: 1.3;
        color: #FF4C3B;
        font-weight: 400;
      }
    }
    .list {
      display: flex;
      flex-direction: column;
      .review-item {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 10px 0;
        border-bottom: 1px solid #f0f0f0;
    
        .userInfo {
          display: flex;
          gap: 12px;
          margin-bottom: 10px;
    
          .userDetail {
            display: flex;
            flex-direction: column;
    
            .topLine {
              display: flex;
              gap: 10px;
              // margin-bottom: 4px;
              font-size: 14px;
              line-height: 1.3;
              margin: 0;
              color: #222222;
              .userDetail-username {
                font-size: 14px;
                line-height: 1.3;
                margin: 0;
                color: #222222;
              }
            }
          }
        }
    
        .content {
          margin: 12px 0;
          color: #777777;
          font-size: 14px;
          line-height: 1.3;
        }
    
        .actions {
          width: 100%;
          display: flex;
          justify-content: flex-end;
          gap: 10px;
          .action {
            display: flex;
            align-items: center;
            gap: 5px;
            cursor: pointer;
            &-img {
              width: 18px;
              height: 18px;
            }
          }
        }
      }
    }
    
  }