How to Vertically Center Logo and Icons with Respect to the First Row in Footer?

html, body {
  margin: 0;
}

footer {
  background-color: black;
  color: white;
  display: flex;
  flex-direction: column;
  padding: 10px;

  p {
    margin: 0;
  }
}

div.row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
}

.icon-container {
  display: flex;
  column-gap: 5px;
}

<footer>
  <div class="row">
    <p>Logo</p>
    <div class="text-container">
      <p>A long long text</p>
      <p>Imprint</p>
    </div>
    <div class="icon-container">
      <p>Icon 1</p>
      <p>Icon 2</p>
      <p>Icon 3</p>
    </div>
  </div>
</footer>