diff --git a/css/a11y.css b/css/a11y.css
index 0b5d4e8..5d89da5 100644
--- a/css/a11y.css
+++ b/css/a11y.css
@@ -18,4 +18,53 @@ button, .button-primary, .button-secondary, .menu-button, .logo {
 	line-height: var(--line-loose);
 	letter-spacing: 0.12em;
 	word-spacing: 0.16em;
-}
\ No newline at end of file
+	text-decoration: underline;
+	text-underline-offset: 0.175rem;
+	text-decoration-thickness: 0.075rem;
+	transition: 0.2s;
+}
+
+button:hover, .button-primary:hover, .button-secondary:hover, .logo:hover {
+  text-decoration: underline;
+	text-underline-offset: 0.175rem;
+	text-decoration-thickness: 0.075rem;
+	transition: 0.2s;
+}
+
+button:active, .button-primary:active, .button-secondary:active, .logo:active {
+  text-decoration: underline;
+  text-underline-offset: 0.175rem;
+  text-decoration-thickness: 0.075rem;
+  transition: 0.2s;
+}
+
+.menu-button:hover, 
+.desktop-nav a[aria-current="page"]:hover,
+.mobile-menu a[aria-current="page"]:hover {
+  text-decoration: underline;
+	text-underline-offset: 0.175rem;
+	text-decoration-thickness: 0.075rem;
+	transition: 0.2s;
+}
+
+.menu-button:active, 
+.desktop-nav a[aria-current="page"]:active,
+.mobile-menu a[aria-current="page"]:active,
+.desktop-nav a[aria-current="page"],
+.mobile-menu a[aria-current="page"] {
+  text-decoration: underline;
+	text-underline-offset: 0.175rem;
+	text-decoration-thickness: 0.075rem;
+	transition: 0.2s;
+}
+
+
+.menu-button:active, 
+.desktop-nav a[aria-current="page"]:active,
+.mobile-menu a[aria-current="page"]:active {
+  text-decoration: underline;
+	text-underline-offset: 0.175rem;
+	text-decoration-thickness: 0.075rem;
+	transition: 0.2s;
+}
+