Don't use the ugly default PayPal button.

css/index.styl

@@ -7,7 +7,8 @@ light-gray = #EEE
 light-green = #AEE239
 light-red = #E23430
 light-yellow = #FFE476
-red = #AE1E1D
+red = #B11C17
+yellow = #DEAC11
 
 @keyframes rotate {
     from { transform: rotate(0deg) }
@@ -50,20 +51,19 @@ body {
 }
 
 .footer {
-    display: table;
-    width: 100%;
-    padding: 20px;
-
-    form {
     text-align: center;
-        display: table-row;
+    color: gray;
-    }
+    padding: 20px 0 10px
 
     p {
-        display: table-row;
         font: 12px/20px "Quicksand", sans-serif;
-        text-align: center;
+    }
-        color: gray;
+
+    form p {
+        display: inline;
+    }
+
+    .byline {
         padding: 0 10px;
     }
 }
@@ -276,7 +276,7 @@ body {
     transition: all 0.25s ease
 
     &:hover, &:active {
-        border-color: beige
+        border-color: yellow
         background: white
         color: red
     }
@@ -286,3 +286,22 @@ body {
         top: -1000px
     }
 }
+
+.donate-button {
+    border: 2px solid red
+    border-radius: 4px
+    padding: 2px 5px
+    margin-right: 10px
+    background: yellow
+    display: inline-block
+    cursor: pointer
+    transition: all 0.25s ease
+    font: 12px/1 "Quicksand", sans-serif
+    color: white
+
+    &:hover, &:active {
+        border-color: yellow
+        background: white
+        color: red
+    }
+}

lib/components/App.js

@@ -57,12 +57,11 @@ export default class App extends React.Component {
           <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_blank">
             <input type="hidden" name="cmd" value="_s-xclick" />
             <input type="hidden" name="encrypted" value="-----BEGIN PKCS7-----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-----END PKCS7-----" />
-            <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" name="submit" alt="PayPal - The safer, easier way to pay online!" />
+            <button type="submit" className="donate-button">donate via PayPal</button>
-          </form>
-
             <p>BTC: <strong>1P7yFQAC3EmpvsB7K9s6bKPvXEP1LPoQnY</strong></p>
+          </form>
 
-          <p>
+          <p className="byline">
             Cooked up by <a href="http://kern.io" target="_blank">Alex Kern</a> &amp; <a href="http://neeraj.io" target="_blank">Neeraj Baid</a> while eating <strong>Sliver</strong> @ UC Berkeley &middot; <a href="https://github.com/kern/filepizza#faq" target="_blank">FAQ</a> &middot; <a href="https://github.com/kern/filepizza" target="_blank">Fork us</a>
           </p>
         </footer>