如何居中对齐堆叠的单选按钮

<div class="radio-container">
  <input type="radio" name="option" id="option1">
  <label for="option1">Option 1</label>
  <br>
  <input type="radio" name="option" id="option2">
  <label for="option2">Option 2</label>
  <br>
  <input type="radio" name="option" id="option3">
  <label for="option3">Option 3</label>
</div>

.radio-container {
  width: 200px;
  position: relative;
  display: flex;
  justify-content: center;
}

.radio-container input[type="radio"] {
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
}