title: How to make a square button
body: <p>I have a button on my website and I want to make it square:</p>
  
  <p>How do a make a square button and make it still act like a button so it changes a little bit when i scroll over it</p>
  
  <p>here is my example: note that the button can't be clicked on</p>
  
  <p><a href="http://jsfiddle.net/HrUWm/" rel="noreferrer">http://jsfiddle.net/HrUWm/</a></p>
  
  <p>(what css will make this work?)
  here is what i tried:</p>
  
  <pre><code>&lt;input class="butt" type="button" value="test"/&gt;
  .butt{ border: 1px outset blue;  background-color: lightBlue;}
  </code></pre>