ISTWCMS-5944: additional css for accessible links in contact listing

src/patterns/04-components/contact/_contact.scss

@@ -45,13 +45,10 @@ $details-background-color: var(--gray-2) !default;
   }
   &__h2{
     margin-bottom: var(--size-05);
-    text-decoration: none;
     text-transform: inherit;
 
     a{
       font-weight: 400;
-      text-decoration: none;
-      text-transform: inherit;
     }
   }
   &__position{

src/patterns/04-components/links/_links.scss

@@ -74,8 +74,7 @@
       .ui-dialog-content a,
       .messages--status a,
       .uw-content-moderation a,
-      .view-interact a,
-      .uw-contact__h2 a{
+      .view-interact a{
         @include link-no-underline(
           var(--uw-black),
           var(--uw-black)
@@ -100,6 +99,12 @@
           var(--uw-black)
         );
       }
+      .uw-contact__h2 a{
+        @include link-reverse(
+          var(--uw-black),
+          var(--gray-5)
+        );
+      }
       .pager__item a{
         &:hover,
         &:focus{
@@ -141,13 +146,25 @@
           );
         }
       }
-      .uw-contact__h2 a,
       .card__title a{
         @include link-reverse(
           var(--#{$colour}-primary),
           var(--#{$colour}-primary)
         );
       }
+      .uw-details{
+        &:hover{
+          .uw-contact__h2 a{
+            color: var(--uw-black);
+          }
+        }
+      }
+      .uw-contact__h2 a{
+        @include link-reverse(
+          var(--#{$colour}-primary),
+          var(--uw-black)
+        );
+      }
       .menu--uw-footer li a{
         @include link-reverse(
           var(--uw-white),