From 892e84deaab09059d7175c386a7d223327132579 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 27 Sep 2025 12:46:16 +0300
Subject: [PATCH] feat(website): outline for donation buttons

---
 apps/website/src/components/Button.css   | 10 ++++++++--
 apps/website/src/components/Button.tsx   |  5 +++--
 apps/website/src/pages/Donate/Donate.tsx |  2 ++
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/apps/website/src/components/Button.css b/apps/website/src/components/Button.css
index d79e17ec0..b252b24ce 100644
--- a/apps/website/src/components/Button.css
+++ b/apps/website/src/components/Button.css
@@ -1,10 +1,16 @@
 a.button {
     display: block;
-    background: var(--brand-1);
+    background-color: var(--brand-1);
     padding: 0.5em 1em;
     border-radius: 6px;
     color: var(--brand-foreground-color);
     text-decoration: none;
     text-align: center;    
-    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
+    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
+}
+
+a.button.outline {
+    border: 1px solid var(--brand-1);
+    color: var(--brand-1);
+    background-color: transparent;
 }
\ No newline at end of file
diff --git a/apps/website/src/components/Button.tsx b/apps/website/src/components/Button.tsx
index 6c1e8a422..dc189e793 100644
--- a/apps/website/src/components/Button.tsx
+++ b/apps/website/src/components/Button.tsx
@@ -8,12 +8,13 @@ interface ButtonProps {
     text: ComponentChildren;
     openExternally?: boolean;
     className?: string;
+    outline?: boolean;
 }
 
-export default function Button({ href, iconSvg, openExternally, text, className }: ButtonProps) {
+export default function Button({ href, iconSvg, openExternally, text, className, outline }: ButtonProps) {
     return (
         <a
-            className={`button ${className}`}
+            className={`button ${className} ${outline ? "outline" : ""}`}
             href={href}
             target={openExternally ? "_blank" : undefined}
         >
diff --git a/apps/website/src/pages/Donate/Donate.tsx b/apps/website/src/pages/Donate/Donate.tsx
index d028fce06..e3af09737 100644
--- a/apps/website/src/pages/Donate/Donate.tsx
+++ b/apps/website/src/pages/Donate/Donate.tsx
@@ -29,6 +29,7 @@ export default function Donate() {
                             href="https://paypal.me/eliandoran"
                             text="PayPal"
                             openExternally
+                            outline
                         />
                     </li>
 
@@ -38,6 +39,7 @@ export default function Donate() {
                             href="https://buymeacoffee.com/eliandoran"
                             text="Buy Me A Coffee"
                             openExternally
+                            outline
                         />
                     </li>
                 </ul>