From 4ae8b6a58de0895090494b9be912a5a8acd39f94 Mon Sep 17 00:00:00 2001
From: Ram Reddy <69733662+ramnreddy15@users.noreply.github.com>
Date: Fri, 5 Feb 2021 16:23:14 -0500
Subject: [PATCH]  Hover effects added to button

---
 src/components/assets/StyledContactForm.js | 6 ++++++
 src/components/assets/contact.scss         | 5 +++++
 2 files changed, 11 insertions(+)

diff --git a/src/components/assets/StyledContactForm.js b/src/components/assets/StyledContactForm.js
index c480e90..0fbdaba 100644
--- a/src/components/assets/StyledContactForm.js
+++ b/src/components/assets/StyledContactForm.js
@@ -63,6 +63,12 @@ const StyledButton = styled.button`
   padding: 0 20px;
   cursor: pointer;
   box-sizing: border-box;
+
+  :hover {
+		background-color: #3D5A80;
+		cursor: pointer;
+    opacity:0.7;
+	}
 `;
 
 const StyledError = styled.div`
diff --git a/src/components/assets/contact.scss b/src/components/assets/contact.scss
index d1bde7f..ae9dcdb 100644
--- a/src/components/assets/contact.scss
+++ b/src/components/assets/contact.scss
@@ -21,6 +21,11 @@ button2 {
     background-color:#ee6c4d;
     border-bottom:1px solid #7b8b2f;
   }
+  button2:hover {
+		background-color: #3D5A80;
+		cursor: pointer;
+    opacity:0.7;
+  }
   .fa {
     padding: 1vw;
     font-size: 5vw;