create icon and cards improved

src/main/resources/static/css/home.css

@@ -141,6 +141,28 @@ body, html {
   transition: transform 0.2s ease; 
 }
 
+.create_icon::after {
+  content: "Create a recipe";
+  display: none;
+  position: absolute;
+  left: 50%;
+  bottom: 100%;
+  transform: translateX(-50%);
+  background: var(--dark-yellow);
+  color: var(--dusty-red);
+  font-family: 'Mali', cursive;
+  font-size: 0.85em;
+  font-weight: 600;
+  white-space: nowrap;
+  padding: 4px 10px;
+  border-radius: 10px;
+}
+
+.create_icon:hover::after {
+  display: block;
+}
+
+
 .create_icon:hover {
   transform: scale(1.02);
 }