@import "@styles/theme.scss";

.list__item {
  display: flex;
  justify-content: space-between;
  border-bottom:solid 1px  $border-color-light;
  padding: 30px 40px;
  align-items: center;

  &-info {
    .avatar {
      width: 120px;
      height: 120px;
      border-radius: 50%;
      vertical-align: middle;
    }

    .name {
      font-size: 32px;
      margin-left: 30px;
      vertical-align: middle;
    }
  }

  &-time {
    color: $text-color-lighter;
    font-size:26px;
  }
}