From 0e6f46f07e1ab476a217089e5009e8d60c54e49b Mon Sep 17 00:00:00 2001
From: Martin <901824+martinstark@users.noreply.github.com>
Date: Tue, 16 Apr 2024 21:30:28 +0200
Subject: [PATCH] feat: update button styles

---
 src/components/landing-page/form-elements.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/landing-page/form-elements.tsx b/src/components/landing-page/form-elements.tsx
index e3cc73d7..74ac18c9 100644
--- a/src/components/landing-page/form-elements.tsx
+++ b/src/components/landing-page/form-elements.tsx
@@ -36,11 +36,13 @@ export const DecorativeLabel = styled.span`
 `;
 
 export const ActionButton = styled.button`
-  background: rgba(255, 255, 255, 0.87);
+  background: rgba(255, 255, 255, 0.78);
+  border: 0.1rem solid rgba(255, 255, 255, 0.68);
+  border-right: 0.1rem solid #000;
+  border-bottom: 0.1rem solid #000;
   color: #1a1a1a;
   font-weight: bold;
   border-radius: 0.5rem;
-  border: none;
   font-size: 1.6rem;
   padding: 1rem;
   display: block;
@@ -50,10 +52,20 @@ export const ActionButton = styled.button`
     cursor: pointer;
   }
 
+  &:active {
+    background: rgba(255, 255, 255, 0.62);
+    box-shadow: inset 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2);
+  }
+
   &.submit {
     position: relative;
     color: rgba(255, 255, 255, 0);
   }
+
+  &:disabled {
+    background: rgba(255, 255, 255, 0.5);
+    cursor: not-allowed;
+  }
 `;
 
 export const StyledWarningMessage = styled.div`