feat: nav cta hover effect

Author: svvimming

components/button/cta.vue

@@ -216,9 +216,24 @@ const props = defineProps({
   padding: toRem(9);
   border-radius: 50%;
   border: 2px solid $sageGreen;
+  background-color: rgba($sageGreen, 0);
+  @include transitionDefault;
   .button-content {
     display: flex;
   }
+  :deep(.icon) {
+    path {
+      @include transitionDefault;
+    }
+  }
+  &:hover {
+    background-color: rgba($sageGreen, 1);
+    :deep(.icon) {
+      path {
+        fill: $codGray;
+      }
+    }
+  }
 }
 
 .theme__big-number {

components/site-header.vue

@@ -283,13 +283,13 @@ const getCtaComponent = (icon) => {
     visibility: visible;
     transform: scale(1);
   }
-  :deep(.navigation) {
-    .nav-item {
+  // :deep(.navigation) {
+  //   .nav-item {
 
-    }
-    .nav-link {
+  //   }
+  //   .nav-link {
 
-    }
-  }
+  //   }
+  // }
 }
 </style>