.contact-person {
  margin-top: 50px;
  display: flex;
  align-items: flex-end;

  .contact-person__description {
    padding-left: 30px;

    .person__description-name {
      font-weight: 350;
      font-size: 16px;
      line-height: 26px;
      color: #292929;
      margin-bottom: 50px;

      span {
        font-weight: 700;
      }
    }

    .person__description-phone,
    .person__description-mail {
      margin-top: 30px;
      height: 40px;
      display: flex;
      align-items: center;
      position: relative;
      font-weight: 350;
      font-size: 16px;
      line-height: 26px;
      color: #292929;
      padding-left: 60px;

      &::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 40px;
        background: $blue;
      }

      &::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 40px;
        background: $blue;
      }
    }

    .person__description-phone::after {
      background: url("../img/phone.svg") no-repeat center;
    }
    .person__description-mail::after {
      background: url("../img/mail.svg") no-repeat center;
    }
  }

  @media (max-width: 576px) {
    flex-direction: column;
    align-items: flex-start;

    .contacts-person__photo {
      margin-bottom: 20px;
    }
  }
}
