html/css -如何在圆形背景中放置关闭按钮

.circle {
  width: 100px;
  height: 100px;
  background-color: #f00;
  border-radius: 50%;
}

<div class="circle">
  <button class="close-button">关闭</button>
</div>

.circle {
  display: flex;
  justify-content: center;
  align-items: center;
}

.close-button {
  background-color: #fff;
  border: none;
  padding: 5px 10px;
  border-radius: 50%;
}