From bd327017fabcd2cd0ea21ae85ba555d30271cdf7 Mon Sep 17 00:00:00 2001
From: Carson <104383295+codebycarson@users.noreply.github.com>
Date: Mon, 27 May 2024 09:37:49 -0700
Subject: [PATCH] Changed button styles

---
 .../EvmWalletConnect/CustomConnectButton.tsx  | 11 ++++---
 styles/custom.module.css                      | 33 ++++++++++---------
 2 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/components/EvmWalletConnect/CustomConnectButton.tsx b/components/EvmWalletConnect/CustomConnectButton.tsx
index e9064b1..9285fcf 100644
--- a/components/EvmWalletConnect/CustomConnectButton.tsx
+++ b/components/EvmWalletConnect/CustomConnectButton.tsx
@@ -3,9 +3,9 @@ import { ConnectButton } from "@rainbow-me/rainbowkit";
 import styled from 'styled-components';
 
 const CustomButton = styled.button`
-background: #001B2A; /* Dark color */
-border: none;
-color: #ECDEDE; /* Light color */
+background: black; /* Dark color */
+border: white solid 1px;
+color: white; /* Light color */
 padding: 0.5rem 1rem;
 font-size: 1rem;
 cursor: pointer;
@@ -19,8 +19,9 @@ box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
 font-family: 'Inter', sans-serif;
 
 &:hover {
-color: #001B2A; /* Dark color */
-background: #ECDEDE; /* Light color */
+    color: black; /* Dark color */
+    background: white; /* Light color */
+    border: black solid 1px;
 }
 `;
 
diff --git a/styles/custom.module.css b/styles/custom.module.css
index 365cbe8..65bab44 100644
--- a/styles/custom.module.css
+++ b/styles/custom.module.css
@@ -19,25 +19,26 @@ font-size: 16px; /* Smaller icon size */
 }
 
 .downloadButton {
-background: #001B2A; /* Dark color */
-border: none;
-color: #ECDEDE; /* Light color */
-padding: 0.5rem 1rem;
-font-size: 1rem;
-cursor: pointer;
-transition: color 0.3s, background 0.3s;
-display: inline-block;
-margin-top: 1rem;
-margin-right: 0.5rem;
-border-radius: 25px; /* Rounded corners */
-text-align: center;
-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-font-family: Inter, sans-serif;
+    background: black; /* Dark color */
+    border: white solid 1px;
+    color: white; /* Light color */
+    padding: 0.5rem 1rem;
+    font-size: 1rem;
+    cursor: pointer;
+    transition: color 0.3s, background 0.3s;
+    display: inline-block;
+    margin-top: 1rem;
+    margin-right: 0.5rem;
+    border-radius: 25px; /* Rounded corners */
+    text-align: center;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    font-family: Inter, sans-serif;
 }
 
 .downloadButton:hover {
-color: #001B2A; /* Dark color */
-background: #ECDEDE; /* Light color */
+    color: black; /* Dark color */
+    background: white; /* Light color */
+    border: black solid 1px;
 }
 
 .imageWrapper {