中央寄せにしたいが、ボタンをmargin-leftするとサイズが小さくなる

Question

margin-left:350pxをしない場合

中央寄せにしたい為、margin-left:350pxをした場合

サイズが小さくならない為には何かいい方法が他にありますでしょうか？

<div class="row_search">
	<div class="col-md-2">
		<button class="search-btn btn" id="search-btn">検索</button>
	</div>
</div>
<div class="row">
	<div class="col-md-2">
		<button class="row-add-btn btn" id="row-add-btn">行</button>
	</div>
</div>

.search-btn{
	width: 90%;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	box-shadow: 0 1px 5px 0 #000088;
	background-color: rgb(214,199,237);
}
.row-add-btn{
	width: 90%;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	box-shadow: 0 1px 5px 0 #000088;
	background-color: rgb(189,240,255);
}
.row_search{
	margin: 10px auto;
	margin-left:350px
}

Answer 1

バージョンがわからないため仮にv4.5にします。

Grid system - Bootstrap 4.5 - 日本語リファレンス
の
「<div class="row justify-content-center">」の例が参考になりませんか。