From ddc3e13127a09da67858843121a747ef8c5d4322 Mon Sep 17 00:00:00 2001
From: svvimming <benmunozj@gmail.com>
Date: Wed, 6 Sep 2023 12:08:20 -0400
Subject: [PATCH] feat: nav cta hover effect

---
 components/button/cta.vue  | 15 +++++++++++++++
 components/site-header.vue | 12 ++++++------
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/components/button/cta.vue b/components/button/cta.vue
index 5ce2809..a126353 100644
--- a/components/button/cta.vue
+++ b/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 {
diff --git a/components/site-header.vue b/components/site-header.vue
index 6061a00..a29df30 100644
--- a/components/site-header.vue
+++ b/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>