styler le bouton comme un lien

style.css

@@ -1,16 +1,20 @@
 body {
     margin: 0;
+    padding: 0;
+    font-family: Times, 'Times New Roman', Georgia, serif;
+}
+
+form {
     padding: 1rem;
     height: calc(100vh - 2rem);
     display: flex;
     flex-flow: column;
     justify-content: space-evenly;
-    font-family: Times, "Times New Roman", Georgia, serif;
 }
 
 h1 table {
     margin: auto;
-    line-height: 0.7;
+    line-height: 0.8;
 }
 
 h1 td {
@@ -23,7 +27,7 @@ h2 {
     text-align: center;
 }
 
-.grille table {
+table.grille {
     border-collapse: collapse;
     margin: 0 auto;
 }
@@ -38,7 +42,7 @@ h2 {
 .grille td {
     border: 1px solid black;
     padding: 2px;
-    font-family: "Comic Sans MS", "Comic Sans", cursive, sans;
+    font-family: 'Comic Sans MS', 'Comic Sans', cursive, sans;
 }
 
 .grille tr:nth-of-type(2) td {
@@ -89,6 +93,26 @@ h2 {
     font-weight: bold;
 }
 
-footer {
-    text-align: center;
+button[type='submit'] {
+    width: fit-content;
+    margin: 0 auto;
+}
+
+button[type='submit'] {
+    width: fit-content;
+    margin: 0 auto;
+    border: none;
+    background: none;
+    font-family: inherit;
+    font-size: 1em;
+    text-decoration: underline;
+}
+
+button[type="submit"]:hover {
+    cursor: pointer;
+    color: #2a6496;
+}
+
+button[type="submit"]:active {
+    color: darkorchid;
 }