diff --git a/app/assets/stylesheets/darkswarm/_shop-product-thumb.css.sass b/app/assets/stylesheets/darkswarm/_shop-product-thumb.css.sass
index 7a69707a60..b26a278a76 100644
--- a/app/assets/stylesheets/darkswarm/_shop-product-thumb.css.sass
+++ b/app/assets/stylesheets/darkswarm/_shop-product-thumb.css.sass
@@ -1,9 +1,11 @@
 @import branding
+@import animations.sass
 
 .darkswarm
   products
     product
       .product-thumb
+        @include csstrans
         position: absolute
         top: 3px
         left: 0px
@@ -15,7 +17,32 @@
         z-index: 999999
         background-color: white
         overflow: hidden
-      
+        i
+          @include csstrans
+          transition-delay: 150ms
+          position: absolute
+          left: 45%
+          top: 45%
+          z-index: 99999
+          color: white
+          font-size: 1rem
+          opacity: 0
+        img
+          @include csstrans
+          opacity: 1
+          @include transform-scale(scale(1))
+        
+        &:hover, &:focus, &:active
+          background-color: $clr-brick
+          i
+            left: 32%
+            top: 30%
+            font-size: 3rem
+            opacity: 1
+          img
+            opacity: 0.5
+            @include transform-scale(scale(1.1))
+
         @media all and (max-width: 768px)
           width: 4rem
           height: 4rem