body {
    font-family:chess;
    margin: 0;
    background-color:#000;
}

.square {
    background:#afa;
    display:inline-block;
    border:1px solid #0000FF;
    text-align:center;
    position: absolute;
    cursor: pointer;
}
.button-link {
   display: inline-block;
   padding: 10px 20px;
   background-color: #007bff;
   color: #ffffff;
   text-align: center;
   border-radius: 5px;
   text-decoration: none; /* Removes the underline from links */
   font-weight: bold;
   transition: background-color 0.3s; /* Smooth background color transition on hover */
 }

 .button-link:hover, .button-link:focus {
   background-color: #0056b3;
   color: #FFFFFF;
   text-decoration: none; /* Keeps the underline off on hover/focus */
 }
 .button {
      /* Adjust the value as needed */
     margin-left: 1000px;
   }