Add donate shortcode to banner

css/social.css

@@ -1,9 +1,18 @@
 .social {
-  text-align: right;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+
+.social__item {
+  margin-left: var(--space-xs);
 }
 
 .social__link {
-  display: inline-block;
+  display: block;
+  background-color: transparent;
+  border: 0;
+  padding: 0;
   transition: filter var(--transition-fs) ease-out,
     transform var(--transition-fs) ease-out;
   transform-origin: center bottom;
@@ -14,3 +23,17 @@
   filter: saturate(1.5) contrast(1.5);
   transform: scale(1.1);
 }
+
+/* Donate button */
+
+.social__item input[type="image"] {
+  transition: filter var(--transition-fs) ease-out,
+    transform var(--transition-fs) ease-out;
+  transform-origin: center bottom;
+}
+
+.social__item input[type="image"]:focus,
+.social__item input[type="image"]:hover {
+  filter: saturate(1.5) contrast(1.5);
+  transform: scale(1.1);
+}