.aside_personal {
  background: #fff;
  border-radius: var(--box_radius);
  margin-bottom: 20px;

  &_name {
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 10px;

    img {
      width: 60px;
      height: 60px;
      border-radius: 100%;
    }

    &_block {
      h5 {
        font-size: 16px;
        margin: 0;
        padding: 0;
      }
    }
  }

  &_im {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    gap: 3px;
    color: var(--text_black);
    text-decoration: none;

    svg {
      width: 22px;
      height: 21px;
      fill: var(--text_gray);
      position: relative;
      bottom: -1px;
    }

    strong {
      font-style: normal;
      font-weight: 400;
    }

    i {
      font-style: normal;
      color: #777777;
    }

    &:hover {
      svg {
        fill: var(--main_color);
      }

      i {
        color: var(--text_black);
      }

      span {
        color: var(--main_color);
      }
    }
  }
}