1 files changed, 36 insertions, 2 deletions

diff --git a/src/components/landing/sections/Contact.module.css b/src/components/landing/sections/Contact.module.css
index 7b64a5e..d93488f 100644
--- a/src/components/landing/sections/Contact.module.css
+++ b/src/components/landing/sections/Contact.module.css
@@ -143,8 +143,10 @@
 }
 
 .small__icon {
-  height: 1.5rem;
-  width: 1.5rem;
+  height: 2rem;
+  width: 2rem;
+  padding: 0.25rem;
+  margin: -0.25rem;
 }
 
 .photo__container {
@@ -180,3 +182,35 @@
     transform: none !important;
   }
 }
+
+@media (forced-colors: active) {
+  .contact__icon-holder {
+    border: 2px solid ButtonBorder;
+    background: ButtonFace;
+    transition: none;
+  }
+
+  .contact__icon {
+    color: ButtonText;
+    transition: none;
+  }
+
+  .contact:not(:has(.contact__action:hover)):hover .contact__icon-holder,
+  .contact:focus-within:not(:has(.contact__action:focus)) .contact__icon-holder,
+  .contact:has(.contact__action--alternate:hover) .contact__icon-holder,
+  .contact:has(.contact__action--alternate:focus) .contact__icon-holder {
+    background: Highlight;
+  }
+
+  .contact:not(:has(.contact__action:hover)):hover .contact__icon,
+  .contact:focus-within:not(:has(.contact__action:focus)) .contact__icon,
+  .contact__icon--alternate {
+    color: HighlightText;
+  }
+
+  .small__link:hover .small__icon,
+  .small__link:focus .small__icon {
+    background: Highlight;
+    color: HighlightText;
+  }
+}