diff --git a/scss/_global.scss b/scss/_global.scss
index d132a4c..b92863d 100644
--- a/scss/_global.scss
+++ b/scss/_global.scss
@@ -230,6 +230,12 @@ footer {
         grid-template-columns: 1fr 1fr 1fr;
       }
 
+      a, a:visited {
+        &:hover, &:active, &:visited {
+          color: $color-light;
+        }
+      }
+
     }
 }
 
@@ -244,7 +250,7 @@ ul.social {
         margin:0;
         list-style: none;
         display: inline;
-        a {
+        a, a:visited {
             color: $color-footer-back;
             background-color: $color-footer-text;
             padding:0.3em;
diff --git a/scss/_typography.scss b/scss/_typography.scss
index 2e20cf3..1d0e4da 100644
--- a/scss/_typography.scss
+++ b/scss/_typography.scss
@@ -39,7 +39,7 @@ em {
 }
 
 
-a:not(.preview-link), a:visited:not(.preview-link) {
+a, a:visited {
   color: $color-light;
   background-color: $color-link;
   text-decoration:none;
diff --git a/scss/components/_previews.scss b/scss/components/_previews.scss
index 976f37b..1ec760f 100644
--- a/scss/components/_previews.scss
+++ b/scss/components/_previews.scss
@@ -50,8 +50,9 @@ $preview-height: 8*$lineheight;
   box-shadow: $large-shadow, $inset-shadow;
 }
 
-.preview-link:hover {
-  text-decoration:none!important;
+.preview-link {
+  padding:0;
+  background-color: transparent;
 }
 
 .preview-item {
diff --git a/style.css b/style.css
index b55ddcc..17e0967 100644
--- a/style.css
+++ b/style.css
@@ -306,7 +306,7 @@ em {
   font-style: italic;
   font-weight: 400; }
 
-a:not(.preview-link), a:visited:not(.preview-link) {
+a, a:visited {
   color: #fdf6e3;
   background-color: #2aa198;
   text-decoration: none;
@@ -314,7 +314,7 @@ a:not(.preview-link), a:visited:not(.preview-link) {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
   border-radius: 0.1rem; }
-  a:not(.preview-link):hover, a:not(.preview-link):active, a:not(.preview-link):focus, a:visited:not(.preview-link):hover, a:visited:not(.preview-link):active, a:visited:not(.preview-link):focus {
+  a:hover, a:active, a:focus, a:visited:hover, a:visited:active, a:visited:focus {
     color: #2aa198;
     background-color: transparent;
     text-decoration: none; }
@@ -788,6 +788,9 @@ footer {
     @media (min-width: 992px) {
       footer .footer-collumns {
         grid-template-columns: 1fr 1fr 1fr; } }
+    footer .footer-collumns a:hover, footer .footer-collumns a:active, footer .footer-collumns a:visited, footer .footer-collumns a:visited:hover, footer .footer-collumns a:visited:active, footer .footer-collumns a:visited:visited {
+      color: #fdf6e3; }
+
 /* social media */
 ul.social {
   font-size: 1.5em;
@@ -798,7 +801,7 @@ ul.social {
     margin: 0;
     list-style: none;
     display: inline; }
-    ul.social li a {
+    ul.social li a, ul.social li a:visited {
       color: #073642;
       background-color: #fdf6e3;
       padding: 0.3em;
@@ -806,7 +809,7 @@ ul.social {
       padding-right: 0.36em;
       vertical-align: middle;
       border-radius: 100%; }
-      ul.social li a:hover {
+      ul.social li a:hover, ul.social li a:visited:hover {
         color: #fdf6e3;
         background-color: #073642; }
 
@@ -1748,8 +1751,9 @@ ul.breadcrumb, ol.breadcrumb, .breadcrumb {
   margin: auto;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0); }
 
-.preview-link:hover {
-  text-decoration: none !important; }
+.preview-link {
+  padding: 0;
+  background-color: transparent; }
 
 .preview-item {
   height: 12rem;