diff --git a/dad-jokes/style.css b/dad-jokes/style.css
index 38cc3a7..fb736db 100644
--- a/dad-jokes/style.css
+++ b/dad-jokes/style.css
@@ -20,7 +20,7 @@ body {
 .container {
   background-color: #fff;
   border-radius: 10px;
-  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 10px 20px rgba(0, 0, 5, 0.7), 0 6px 6px rgba(0, 0, 0, 0.1);
   padding: 50px 20px;
   text-align: center;
   max-width: 100%;
@@ -51,9 +51,12 @@ h3 {
   font-size: 16px;
   cursor: pointer;
 }
-
+.btn:hover{
+  background-color: #bd97ec;
+}
 .btn:active {
   transform: scale(0.98);
+  background-color: #8d48dc;
 }
 
 .btn:focus {