如何让我的文本徽标移动到导航栏链接的左侧

<div class="navbar-container">
  <div class="logo-container">
    <h1 class="logo">Logo</h1>
  </div>
  <div class="links-container">
    <ul class="links">
      <li><a href="#">Link 1</a></li>
      <li><a href="#">Link 2</a></li>
      <li><a href="#">Link 3</a></li>
    </ul>
  </div>
</div>

.navbar-container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  background-color: #f1f1f1;
}

.logo-container,
.links-container {
  position: absolute;
  top: 0;
  bottom: 0;
}

.logo-container {
  left: 10px;
}

.links-container {
  right: 10px;
}

.logo {
  margin: 0;
}

.links {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

.links li {
  margin-right: 10px;
}

.links li:last-child {
  margin-right: 0;
}