feat: update button styles

Eyevinn · Apr 17, 2024 · 064f161 · 064f161
1 parent 0bc1a0f
commit 064f161
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/src/components/landing-page/form-elements.tsx b/src/components/landing-page/form-elements.tsx
@@ -40,11 +40,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;
@@ -54,10 +56,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`