From 88b88281bdbbb6b1f6de4a97fa6ac7a61d0f1e7d Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Mon, 29 Mar 2021 15:19:10 +0200
Subject: [PATCH] + Added hover effect on heart icon

---
 components/celestials/CelestialCard.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/components/celestials/CelestialCard.vue b/components/celestials/CelestialCard.vue
index 4db7cfb..df2754a 100644
--- a/components/celestials/CelestialCard.vue
+++ b/components/celestials/CelestialCard.vue
@@ -163,6 +163,9 @@ export default {
             will-change: font-size;
             animation: toggleFavHeart 0.6s cubic-bezier(0.17, 0.89, 0.32, 1.49);
             animation-fill-mode: forwards;
+            &:hover {
+              color: darken(#d01d35, 6%) !important
+            }
           }
         }
       }