Placing the hover styling of logo inside .logo

Author: ZahraB21

styles/Footer.module.scss

@@ -24,7 +24,7 @@
 }
 
 .footerItem {
-  + .footerItem {
+  +.footerItem {
     margin-top: 0.5rem;
   }
 
@@ -38,10 +38,10 @@
   border-radius: 50%;
   height: 4.5em;
   cursor: pointer;
-}
 
-.logo:hover {
-  opacity: 0.6;
+  &:hover {
+    opacity: 0.6;
+  }
 }
 
 .subscribe {
@@ -79,6 +79,7 @@
     border: 1px solid #696969;
     text-transform: uppercase;
     @include transition(opacity 0.3s ease);
+
     &:hover {
       opacity: 0.6;
       cursor: pointer;
@@ -91,7 +92,7 @@
   display: flex;
   justify-content: center;
 
-  + .socialMedia {
+  +.socialMedia {
     margin-left: 1rem;
   }
 
@@ -134,10 +135,12 @@
     h2 {
       margin-top: 0.5rem;
     }
+
     button {
       font-size: 0.875rem;
       width: 30%;
     }
+
     input {
       width: 70%;
     }
@@ -151,4 +154,4 @@
   .copyright {
     text-align: left;
   }
-}
+}