<style>
  #colorButton {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff; /* Default color */
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
  }

  #colorButton:hover {
    background-color: #0056b3; /* Hover color */
  }
</style>
<button id="colorButton">Close Website</button>

<script>
document.getElementById("colorButton").addEventListener("click", function() {
  var button = document.getElementById("colorButton");
  button.style.backgroundColor = "#dc3545"; // Change button background color to red
  setTimeout(function() {
    window.close(); // Close the window
  }, 1000); // Delay closing the window for 1 second (1000 milliseconds)
});
</script>

<style>
  #colorButton {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff; /* Default color */
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 5px;
  }

  #colorButton:hover {
    background-color: #0056b3; /* Hover color */
  }
</style>
<button id="colorButton">Close Website</button>

<script>
document.getElementById("colorButton").addEventListener("click", function() {
  var button = document.getElementById("colorButton");
  button.style.backgroundColor = "#dc3545"; // Change button background color to red
  setTimeout(function() {
    window.close(); // Close the window
  }, 1000); // Delay closing the window for 1 second (1000 milliseconds)
});
</script>