diff --git a/css/styles.css b/css/styles.css
index 2430c261d0cd2d8ec00727cca88f3b7e0f9f0373..bf90c2d536a8efa46b5c76a64516cb9ada688de1 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2948,6 +2948,14 @@ ul.toolbar-menu {
   .uw-anchor__url {
     text-align: center; }
 
+.card.banner .card__title a {
+  text-decoration: none; }
+  .card.banner .card__title a:hover {
+    text-decoration: underline; }
+
+.card.banner .card__header .sub-title {
+  color: #fff; }
+
 .block {
   margin-bottom: 1rem; }
 
diff --git a/source/_patterns/04-components/banners/_banners.scss b/source/_patterns/04-components/banners/_banners.scss
new file mode 100644
index 0000000000000000000000000000000000000000..56dd5e197fde725fe31eef6dae07650ba454afc7
--- /dev/null
+++ b/source/_patterns/04-components/banners/_banners.scss
@@ -0,0 +1,17 @@
+.card.banner {
+  .card__title {
+    a {
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .card__header {
+    .sub-title {
+      color: $uw-white;
+    }
+  }
+}