better tarot site

Source/CSS/style_new.css

@@ -520,16 +520,30 @@ footer {
    min-width: 150px; /* Ensure that each card has at least a minimum width */
    max-width: 200px; /* Optional: Ensure cards don't get too large on wide screens */
    margin: 0; /* Remove any additional margin */
+   transition: transform 0.3s ease, box-shadow 0.3s ease;
+   border-radius: 10px;
+}
+.tarot-card-wrapper:hover {
+   border-radius: 10px;
+   transform: scale(1.3); /* Zoom the card slightly */
+   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6); /* Add shadow */
 }
 
 .tarot-card {
-   border: 1px solid rgba(0, 0, 0, 0.2);
+   /* border: 1px solid rgba(0, 0, 0, 0.2); */
    border-radius: 10px;
-   box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
+   /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); */
    max-width: 100%;
    height: auto;
 }
 
+.more-cards {
+   display: none;
+}
+/* Ensure cursor changes to pointer on hover */
+#loadMoreBtn {
+   cursor: pointer;
+}