Better target for click event + push bookmark button to top so it can still be used

public/css/home.css

@@ -274,6 +274,8 @@ button:hover
 {
   margin-left: 1em;
   margin-top: 0.5em;
+  position: relative;
+  z-index: 10;
   cursor:pointer;
 }
 
@@ -329,7 +331,6 @@ button:hover
 .card > .card__info > h2
 {
   margin: 0;
-  margin-top: 1em;
   font-size: large
 }
 .card > .card__info > h3
@@ -338,20 +339,26 @@ button:hover
   margin-bottom: 1.5em;
   font-size: medium;
 }
-.card > .card__info > .tags
-{
-  margin-bottom: 0em;
-}
 .card > .card__info > .desc
 {
   font-size: x-small;
   margin-left: 1em;
   margin-right: 1em;
+  margin-top: 1em;
 }
 .card:hover > .card__img
 {
   height: 100%;
 }
+.card__overlay
+{
+  position: relative;
+  top:0;
+  left:0;
+  height: 100%;
+  width: 100%;
+  z-index: 1;
+}
 .card > .card__info > .tags
 {
   display:flex;
@@ -359,6 +366,9 @@ button:hover
   justify-content: left;
   align-self: center;
   gap:5px;
+  margin-bottom: 0em;
+  position: relative;
+  top: 0.5em;
 }
 .card > .card__info > .tags > .tag
 {