JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>Pengaturan pada form tombol hover</title>
    <link rel="stylesheet" href="CSSonbuttonHover.css" type="text/css">
  </head>
  <body>
    <pre>
      SekolahQue || ADRIAN SATRIA PUTRA XI-RPL3
    </pre>
    <form name="form1" action="" method="post">
      <table>
        <tr>
          <td width="58">Nama</td>
          <td width="230"> :
            <input type="text" name="nama">
          </td>
        </tr>
        <tr>
          <td width="58">Alamat</td>
          <td width="230"> :
            <input type="text" name="Alamat">
          </td>
        </tr>
        <tr>
          <td></td>
          <td>
            <input class="button" type="submit" name="Submit" value="Simpan">
            <input class="button" type="submit" name="submit" value="Submit">
            <br>
            <br>
            <a href="ExtCSSonButton.html" class="Linknya">Kembali</a>
          </td>
        </tr>
      </table>

    </form>
  </body>
</html>

CSS

input.button{
  color: coral;
  background: indianred;
  border: 2px outset khaki;
  font-family: calibri, Times, serif;
  font-size: 14px;
  font-weight: bold;
  width: auto;
}
input.button:hover{
  color: coral;
  background: lightsteelblue;
  border: 3px outset Yellow;
  font-family: cambria, Times, serif;
  font-size: 14px;
  font-weight: bold;
}
bold{
  background-color: pink;
}
a.Linknya{
  background-image: url(gif/loading.gif);
  text-decoration: none;
  font-family: impact;
}
a.Linknya:hover{
  background-image: url(gif/goyang.gif);
  color: coral;
  text-decoration: none;
  font-family: Arial black;
}