以下のように.rectでmargin: auto;を使って、.rectを中央寄せさせたいのですがposition: absolute;がついていたら中央寄せされずに左寄せのままとなってしまいます。
こちら中央寄せさせるにはどのようにしたらよいでしょうか？

<div class="box2">
  <div class="rect"></div>
</div>

.box2 {
  background-color: skyblue;
  width: 100px;
  height: 100px;
  position: relative;
}

.rect {
  width: 50px;
  height: 20px;
  background-color: lime;
  position: absolute;
  margin: auto;
}