ボタン画像を真ん中に配置したいです。

画像ボタンをクリックすると入力フォームのエラー表示をするコードを書いたのですが、肝心な画像ボタンが真ん中に配置されません。ここでは画像ボタンのコードのみ提示しています。
.auto-style1010 {にボタンの仮のサイズを指定しています。この指定がないとimg.example80のheight％を変更しても適応されないためです。
試したこと
HTMLのコードのボタンの該当部分に<button＞のタグの中の前にaタグを入れて
<a button＞</button></a>にするとcssのコードに
にtext-align: center;で中央寄せにはできますが、そうすると、画像をクリックした時にエラー表示が出なくなってしまいます。なので、どうしても一番両端にボタンタグ<button＞</button> でくくった状態のまま中央寄せにはできないでしょうか？回答よろしくお願いいたします。

PCサイズのみ1400px以下のみとかなら、何とか img.example80のwidth％調整することで、中央寄せにはできますが、その他の大きさのサイズだと厳しです。

以下は実際のサイトのURLです。
https://rensyuu12.tokyo/PHPMailer/aaaaaaa.html

html
1<html lang="ja">
2
3<head>
4	<meta content="text/html; charset=utf-8" />
5	<meta name="viewport" content="width=device-width, initial-scale=1">
6	  <link rel="stylesheet" href="mouthlp2.css">
7      <title>a</title>
8  <style>
9
10
11</style>
12
13</head>
14<body>
15
16
17<form action="" method="" id="form">
18
19  <div class="auto-style1010">
20    <!-- example8、画像の大きさ指定-->
21        <button type="submit" id="submit" name="submit" class="auto-style40" value="submit">
22            <img src="image/linegazou.png" alt="確認画面へ" class="example80" /></button>
23    </div>
24
25</form>
26
27
28
29  </body>
30
31</html>
32

mouthlp2

css
1/* buttonに表示される装飾をリセットする */
2 .auto-style40 {
3  cursor: pointer;
4  /* マウスカーソルを乗せると指になる */
5  outline: none;
6  /* クリックしたときに表示される枠線を消す */
7  border: 1px solid #000;
8  background: transparent;
9  /* 背景の灰色を消す */
10  border: none;
11  /* 枠線を消す */
12  }
13   
14   
15     /* 送信ボタンの大きさ、スタイル */
16   .auto-style40 {
17     
18     margin-top: 4px;
19   /* 画像の上の余白 */
20   height: 60%; 
21   width: 20%;/* 横幅長すぎると誤クリック防止 */
22   padding: 0;
23   text-align: center;
24  display: inline-block;
25   
26   }
27   
28   /* ボタン代替え画像の大きさ調節 */
29   img.example80 {
30     
31    background-size: 100% 100%;
32  width: 500%;/* ボタン枠に収める */
33	height: 200%;/* ボタン枠に収める */
34  margin-top: 2px;
35
36 
37  
38  
39   }
40   
41   /* ボタンの位置と仮の大きさ */
42.auto-style1010 {
43
44  
45  height: 100px; /* ボタンの仮の大きさ */
46  width: 600px;/* ボタンの仮の大きさ */
47  margin-top: 2px;
48  
49  }
50   
51 
52