Add underline to banner link (#686)

* Add banner link underline

* Add banner link underline thickness change on hover

* Add changeset

* Update notification

* Increase underline thickness on hover

.changeset/cuddly-moose-carry.md

@@ -0,0 +1,5 @@
+---
+'@microsoft/atlas-css': patch
+---
+
+Add underline to banner and notification links

css/src/components/banner.scss

@@ -53,10 +53,15 @@ $banner-dismiss-margin: $spacer-2 !default;
 		a:not(.button) {
 			color: currentColor;
 			font-weight: $weight-semibold;
+			text-decoration: underline;
 
 			.theme-high-contrast & {
 				color: $hyperlink;
 			}
+
+			&:hover {
+				text-decoration-thickness: 0.15em;
+			}
 		}
 	}
 

css/src/components/notification.scss

@@ -72,9 +72,15 @@ $notification-dismiss-margin: $spacer-2 !default;
 		}
 
 		a:not(.button) {
+			text-decoration: underline;
+
 			.theme-high-contrast & {
 				color: $hyperlink;
 			}
+
+			&:hover {
+				text-decoration-thickness: 0.15em;
+			}
 		}
 
 		.notification-title {