style changes

Author: AdityaKumawat97

src/components/collection-item/collection-item.styles.scss

@@ -7,8 +7,9 @@
   position: relative;
 
   &:hover {
-    .image{
+    .image {
       opacity: 0.8;
+      transition: all 0.4s ease;
     }
     .custom-button {
       display: block;

src/components/custom-button/custom-button.styles.scss

@@ -20,6 +20,7 @@
         background-color: white;
         color: black;
         border: 1px solid black;
+        transition: all 0.3s ease;
     }
     &.google-sign-in {
         background-color: #4285f4;