(CSS) flexbox로 만드는 header

<div class="header">
  <button class="logo">logo</button>
  <button class="login">login</button>
</div>

.header {
  display: flex;
  background-color: gray;
}

.logo, .login {
  padding: 20px 30px;
  background-color: white;
}

.login {
  margin-left: auto;
}