.profile-form {
  display: flex;
  flex-direction: column;
  gap: 25px;

  &__input {
    display: flex;
    flex-direction: column;
    gap: 10px;

    label {
      font-size: 18px;
      font-weight: 400;
      line-height: 135%;
      color: #686b7c;
    }

    div {
      display: flex;
      align-items: center;
      gap: 16px;
      input {
        width: 100%;
        max-width: 957px;
        padding: 16px;
        border: 1px solid rgb(221, 222, 226);
        border-radius: 8px;
        background: rgb(255, 255, 255);
        font-size: 18px;
        font-weight: 400;
        line-height: 135%;
        color: #09090b;
      }

      img {
        width: 22px;
        height: 22px;
      }
    }
  }

  &__btn,
  &__btn_active {
    margin-top: 50px;
    width: fit-content;
    padding: 10px;
    border-radius: 8px;
    background-color: rgb(158, 167, 175);
    cursor: auto;
    font-size: 16px;
    font-weight: 800;
    line-height: 19px;
    color: rgb(255, 255, 255);
  }

  &__btn_active {
    background-color: rgb(57, 152, 232);
    cursor: pointer;
  }

  &__logout {
    display: none;
  }
}

@media screen and (max-width: 550px) {
  .profile-form {
    &__btn,
    &__btn_active {
      align-self: flex-end;
      margin-top: 15px;
      margin-bottom: 150px;
    }

    &__logout {
      display: block;
    }
  }
}