Don't apply styling intended for inline text to data-suggestion attribute. Also, add a bit of a special case for card suggestions

Author: cpsievert

js/chat/chat.scss

@@ -18,6 +18,10 @@ shiny-chat-container {
   .suggestion,
   [data-suggestion] {
     cursor: pointer;
+  }
+
+  // Styling for inline-text
+  .suggestion {
     color: var(--bs-link-color, #007bc2);
 
     text-decoration-color: var(--bs-link-color, #007bc2);
@@ -48,6 +52,13 @@ shiny-chat-container {
       }
     }
   }
+
+  // Styling for card suggestions
+  .card[data-suggestion]:hover,
+  .card:has([data-suggestion]) {
+    color: var(--bs-link-color, #007bc2);
+    border-color: rgba(var(--bs-link-color-rgb), 0.5);
+  }
 }
 
 shiny-chat-messages {