How to align two button in single row?

I think this is the easiest possible modern solution:

.flex {
  display: flex;
  gap: 16px;
}
<div class="flex">
   <button>Button 1</button>
   <button>Button 2</button>
</div>