/* Use the HTML  to use this
<a href="https://www.example.com" class="button-link">Go to Webpage</a>
*/
/*
<!-- Optional CSS to make it look like a real button -->
<style>
  .button-link {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
  }`
  .button-link:hover {
    background-color: #0056b3;
  }
  */
  
  /* Button style to make mobile browser buttons look 3D
       more like desktop. 
	   Forces mobile browsers to use your custom styling instead of phone defaults */
  cssbutton, input[type="button"], input[type="submit"] 
  {

  -webkit-appearance: none;
  appearance: none;

  /* Explicitly define the button structure */
  background-color: #e0e0e0; /* Adds a solid background color */
  color: #000000;            /* Sets the text color */
  padding: 10px 20px;        /* Adds space inside the button so it looks thick */
  border: 1px solid #767676; /* Adds a visible border */
  border-radius: 4px;        /* Rounds the corners slightly */
  cursor: pointer;           /* Shows a pointer hand on desktop */
  display: inline-block;     /* Ensures it respects width and padding */
}
</style>