how do you center buttons in css

  .center {
  display: flex;
  justify-content: center;
  
  align-items: center;
  height: 200px;
  border: 3px solid 
  green; 
} 

<div style="text-align:center;">
    <button>button1</button>
    <button>button2</button>
</div>