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;