質問があります。

header img {
  width: 280px;
  vertical-align: bottom;
}

.btn {
  text-decoration: none;
  background: #fff;
  color: #f59a00;
  display: block;
  width: 140px;
  line-height: 44px;
  margin: 40px auto 48px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
}

上記のやり方で、きちんと動かすことができましたが、.btnをinline-blockに変更し、画像の真ん中にもっていくにはどうすればいいですか？