title: PayPal Button Replacement
body: <p>Paypal offers a button with the following code:</p>
  
  <pre><code>&lt;form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"&gt;
  &lt;input type="hidden" name="cmd" value="_s-xclick"&gt;
  &lt;input type="hidden" name="hosted_button_id" value="96FKD7W4CCMEE"&gt;
  &lt;input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"&gt;
  </code></pre>
  
  <p>I would prefer to use my own button instead of the paypal "buy now" button offered here. The code for the button I would like is:</p>
  
  <pre><code>&lt;div style="background-color:#000000;color:#ffffff;" class="button"&gt;&lt;p align="center" style="font-size:30px;"&gt;Purchase&lt;/p&gt;&lt;/div&gt;
  
  .button {
  background-color:#64A9FD;
  padding:20px;
  width:200px;
  cursor:pointer; 
  opacity:0.8;
  }
  </code></pre>
  
  <p>How can I substitute paypal's button for my own.</p>
  
  <p><strong>What I've Tried</strong>:</p>
  
  <p>Nestling my button in between the form start and end tags - paypal's button still showed</p>
  
  <p>Deleting the  tag - the button didn't work at all</p>
  
  <p>Deleting the "src=""" in the  tag - the alternate text linked me to the destination but clicking the button did not</p>