diff --git a/_src/_assets/images/icon-blog.svg b/_src/_assets/images/icon-blog.svg
new file mode 100644
index 0000000..5687efc
--- /dev/null
+++ b/_src/_assets/images/icon-blog.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 100 100"><path  d="M64.956,8.989h-29.89c-9.799,0-17.746,7.946-17.746,17.746v22.76v2.865v44.484l16.583-26.737  c-0.27-0.052-1.419-0.001,1.163-0.001h29.89c9.801,0,17.746-7.946,17.746-17.746V26.735C82.702,16.935,74.757,8.989,64.956,8.989z"></path></svg>
diff --git a/_src/_assets/styles/page-community.scss b/_src/_assets/styles/page-community.scss
index 90cdb93..3915bd2 100644
--- a/_src/_assets/styles/page-community.scss
+++ b/_src/_assets/styles/page-community.scss
@@ -17,6 +17,43 @@
 
 .section-community {
     .grid h1 { @extend .h3; }
+
+    .social-link {
+        &,
+        .icon {
+            @extend .transition;
+        }
+
+        box-shadow: none;
+        padding: $btn-padding-y-sm $btn-padding-x-sm;
+
+        &:hover,
+        &:focus {
+            background: none;
+
+            .icon {
+                fill: lighten($brand-primary, 10%);
+                filter: drop-shadow(0 1px 4px rgba($brand-main-blue-dark, .4));
+                transform: translateY(-1px);
+            }
+        }
+
+        &:active {
+            outline: 0;
+
+            .icon {
+                fill: $brand-primary;
+                filter: drop-shadow(0 1px 2px rgba($brand-main-blue-dark, .3));
+                transform: translateY(0);
+            }
+        }
+
+        .icon {
+            fill: $brand-primary;
+            width: 1.5rem;
+            height: 1.5rem;
+        }
+    }
 }
 
 .section-conduct {
diff --git a/_src/community.html b/_src/community.html
index 9569c72..da53327 100644
--- a/_src/community.html
+++ b/_src/community.html
@@ -20,24 +20,24 @@ title: Community
                 <h1>Social</h1>
                 <p>Follow us for the latest updates</p>
                 <p>
-                    <a href="https://github.com/{{ site.github }}" class="btn btn-primary btn-sm btn--social">
+                    <a class="social-link" href="https://github.com/{{ site.github }}">
                         <svg class="icon icon--social icon--github" aria-labelledby="title">
                             <title>GitHub</title>
                             <use xlink:href="/assets/img/sprite.svg#github"></use>
                         </svg>
                     </a>
 
-                    <a href="https://twitter.com/{{ site.twitter }}" class="btn btn-primary btn-sm btn--social">
+                    <a class="social-link" href="https://twitter.com/{{ site.twitter }}">
                         <svg class="icon icon--social icon--twitter" aria-labelledby="title">
                             <title>Twitter</title>
                             <use xlink:href="/assets/img/sprite.svg#twitter"></use>
                         </svg>
                     </a>
 
-                    <a href="https://medium.com/{{ site.medium }}" class="btn btn-primary btn-sm btn--social">
+                    <a class="social-link" href="https://medium.com/{{ site.medium }}">
                         <svg class="icon icon--social icon--blog" aria-labelledby="title">
                             <title>Blog</title>
-                            <use xlink:href="/assets/img/sprite.svg#blog"></use>
+                            <use xlink:href="/assets/img/sprite.svg#icon-blog"></use>
                         </svg>
                     </a>
                 </p>
diff --git a/_src/contact.html b/_src/contact.html
index 7286014..39f0b73 100644
--- a/_src/contact.html
+++ b/_src/contact.html
@@ -50,7 +50,7 @@ title: Contact
                             <a href="https://medium.com/{{ site.medium }}">
                                 <svg class="icon icon--social icon--blog" aria-labelledby="title">
                                     <title>Blog</title>
-                                    <use xlink:href="/assets/img/sprite.svg#blog"></use>
+                                    <use xlink:href="/assets/img/sprite.svg#icon-blog"></use>
                                 </svg>
                                 Blog
                             </a>