Как выровнять кнопку по центру css

Для выравнивания кнопки по центру относительно родительского элемента мы можем указать следующие CSS свойства у родительского элемента:

display: flex;
justify-content: center;
align-items: center;

Свойство justify-content отвечает в данном случае за выравнивание кнопки по горизонтали, а align-items - за выравнивание по вертикали.