Как прижать дочерний элемент к низу родителя?

.parent{
  display: flex;
  width: 300px;
  height: 300px;
  background: #eee;
}

button{
  display: block;
  margin-top: auto;
  margin-left: auto;
}

<div class="parent">
  <button>123</button>
</div>