bug(tile): z-index issue with headline link (#1471)

* fix(tile): fixed z-index on tile headline

* fix(tile):set highest z-index on headline link

* fix(tile): fixed linting issue

* docs(tile): added lightdom CSS

.changeset/late-shrimps-shake.md

@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-tile>`: fixed issue with click target area of tile

docs/elements/elements.html

@@ -11,6 +11,7 @@
   - /assets/packages/@rhds/elements/elements/rh-subnav/rh-subnav-lightdom.css
   - /assets/packages/@rhds/elements/elements/rh-pagination/rh-pagination-lightdom.css
   - /assets/packages/@rhds/elements/elements/rh-table/rh-table-lightdom.css
+  - /assets/packages/@rhds/elements/elements/rh-tile/rh-tile-lightdom.css
 eleventyComputed:
   title: "{{ doc.pageTitle }} | {{ doc.slug | deslugify }}"
   importElements:

elements/rh-tile/rh-tile-lightdom.css

@@ -36,6 +36,11 @@ rh-tile a:is([slot="image"], [slot="headline"]):after {
   display: var(--rh-tile-link-after-display);
 }
 
+rh-tile [slot="headline"] a:after,
+rh-tile a[slot="headline"]:after {
+  z-index: 3;
+}
+
 rh-tile a[slot="image"] > :is(img, svg),
 rh-tile [slot="image"]:is(img, svg) {
   width: 100%;