diff --git a/packages/hover-react/stories/index.js b/packages/hover-react/stories/index.js
index 5b650308c..94a999c6a 100644
--- a/packages/hover-react/stories/index.js
+++ b/packages/hover-react/stories/index.js
@@ -119,7 +119,7 @@ storiesOf('decorator', module)
 
     const CustomCenter = styled(Center)`
       color: white;
-      background: #1A1A1A;
+      background: #1a1a1a;
 
       .microlink_card {
         border-color: #999;
@@ -135,7 +135,11 @@ storiesOf('decorator', module)
         <Paraph>
           Check my{' '}
           <MicrolinkHoverLink
-            style={{ background: '#1A1A1A', color: 'white', fontWeight: 'bold' }}
+            style={{
+              background: '#1A1A1A',
+              color: 'white',
+              fontWeight: 'bold'
+            }}
             href='https://microlink.io'
             setData={setData}
             children='link'
diff --git a/packages/hover-react/stories/stories.test.js b/packages/hover-react/stories/stories.test.js
new file mode 100644
index 000000000..8363fd9cd
--- /dev/null
+++ b/packages/hover-react/stories/stories.test.js
@@ -0,0 +1,4 @@
+import initStoryshots from '@storybook/addon-storyshots'
+import 'jest-styled-components'
+
+initStoryshots()
diff --git a/packages/react/stories/__snapshots__/stories.test.js.snap b/packages/react/stories/__snapshots__/stories.test.js.snap
index f7279aac1..5aab1f64e 100644
--- a/packages/react/stories/__snapshots__/stories.test.js.snap
+++ b/packages/react/stories/__snapshots__/stories.test.js.snap
@@ -182,61 +182,45 @@ exports[`Storyshots media audio 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -244,29 +228,16 @@ exports[`Storyshots media audio 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -362,16 +333,6 @@ exports[`Storyshots media audio 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -406,6 +367,14 @@ exports[`Storyshots media audio 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -446,10 +415,18 @@ exports[`Storyshots media audio 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -523,23 +500,22 @@ exports[`Storyshots media iframe 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c8 {
-  height: 33px;
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -547,29 +523,16 @@ exports[`Storyshots media iframe 1`] = `
   animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -633,16 +596,6 @@ exports[`Storyshots media iframe 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 <div
   className="c0"
 >
@@ -671,6 +624,14 @@ exports[`Storyshots media iframe 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -861,61 +822,45 @@ exports[`Storyshots media image 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -923,29 +868,16 @@ exports[`Storyshots media image 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -1041,16 +973,6 @@ exports[`Storyshots media image 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -1085,6 +1007,14 @@ exports[`Storyshots media image 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -1125,10 +1055,18 @@ exports[`Storyshots media image 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -1320,61 +1258,45 @@ exports[`Storyshots media logo 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -1382,29 +1304,16 @@ exports[`Storyshots media logo 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -1500,16 +1409,6 @@ exports[`Storyshots media logo 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -1544,6 +1443,14 @@ exports[`Storyshots media logo 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -1584,10 +1491,18 @@ exports[`Storyshots media logo 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -1779,61 +1694,45 @@ exports[`Storyshots media screenshot 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -1841,29 +1740,16 @@ exports[`Storyshots media screenshot 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -1959,16 +1845,6 @@ exports[`Storyshots media screenshot 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -2003,6 +1879,14 @@ exports[`Storyshots media screenshot 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -2043,10 +1927,18 @@ exports[`Storyshots media screenshot 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -2238,61 +2130,45 @@ exports[`Storyshots media video 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -2300,29 +2176,16 @@ exports[`Storyshots media video 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -2418,16 +2281,6 @@ exports[`Storyshots media video 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -2462,6 +2315,14 @@ exports[`Storyshots media video 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -2502,10 +2363,18 @@ exports[`Storyshots media video 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -2697,61 +2566,45 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -2759,29 +2612,16 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -2877,16 +2717,6 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -2921,6 +2751,14 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -2961,10 +2799,18 @@ exports[`Storyshots props autoPlay (disabled) 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -3156,61 +3002,45 @@ exports[`Storyshots props contrast 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -3218,29 +3048,16 @@ exports[`Storyshots props contrast 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -3352,16 +3169,6 @@ exports[`Storyshots props contrast 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -3396,6 +3203,14 @@ exports[`Storyshots props contrast 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -3436,10 +3251,18 @@ exports[`Storyshots props contrast 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -3631,61 +3454,45 @@ exports[`Storyshots props controls (disabled) 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -3693,29 +3500,16 @@ exports[`Storyshots props controls (disabled) 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -3811,16 +3605,6 @@ exports[`Storyshots props controls (disabled) 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -3855,6 +3639,14 @@ exports[`Storyshots props controls (disabled) 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -3895,10 +3687,18 @@ exports[`Storyshots props controls (disabled) 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -4090,61 +3890,45 @@ exports[`Storyshots props default 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -4152,29 +3936,16 @@ exports[`Storyshots props default 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -4270,16 +4041,6 @@ exports[`Storyshots props default 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -4314,6 +4075,14 @@ exports[`Storyshots props default 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -4354,10 +4123,18 @@ exports[`Storyshots props default 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -4549,61 +4326,45 @@ exports[`Storyshots props direction + contrast 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
 }
 
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -4611,29 +4372,16 @@ exports[`Storyshots props direction + contrast 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -4751,16 +4499,6 @@ exports[`Storyshots props direction + contrast 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -4795,6 +4533,14 @@ exports[`Storyshots props direction + contrast 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -4835,10 +4581,18 @@ exports[`Storyshots props direction + contrast 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -5030,61 +4784,45 @@ exports[`Storyshots props direction 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c12 {
-  height: 16px;
-  width: 75%;
-  display: block;
-  background: #e1e8ed;
-  margin: 0 20px 0 0;
-  opacity: 0.8;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-}
-
-.c8 {
-  height: 33px;
-  width: 95%;
-  display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
-  -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
+.c12 {
+  opacity: 0.8;
+  height: 16px;
+  width: 75%;
+  display: block;
+  background: #e1e8ed;
+  margin: 0 20px 0 0;
+  -webkit-animation: ibPKPZ .75s linear infinite;
+  animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c16 {
-  height: 33px;
-  width: 95%;
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
+  margin: 2px 0 8px;
+  -webkit-animation: ibPKPZ .75s linear infinite;
+  animation: ibPKPZ .75s linear infinite;
+}
+
+.c8 {
   opacity: 0.8;
+  height: 14px;
+  width: 95%;
+  display: block;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -5092,29 +4830,16 @@ exports[`Storyshots props direction 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -5216,16 +4941,6 @@ exports[`Storyshots props direction 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -5260,6 +4975,14 @@ exports[`Storyshots props direction 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -5300,10 +5023,18 @@ exports[`Storyshots props direction 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -5496,61 +5227,45 @@ Array [
 }
 
 .c8 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c13 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c9 {
-  height: 33px;
-  width: 95%;
+.c17 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c9::before {
-  top: 14px;
 }
 
-.c17 {
-  height: 33px;
+.c9 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -5558,29 +5273,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c17::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c17::before {
-  top: 14px;
-}
-
 .c10 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c3 {
@@ -5690,16 +5392,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c9 {
-    height: 14px;
-  }
-
-  .c9::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -5743,6 +5435,14 @@ Array [
         <span
           className="c9"
         />
+        <span
+          className="c9"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c10"
         />
@@ -5783,10 +5483,18 @@ Array [
         className="c16 microlink_card__content"
       >
         <span
-          className="c8"
+          className="c17"
         />
         <span
-          className="c17"
+          className="c9"
+        />
+        <span
+          className="c9"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c10"
@@ -5975,61 +5683,45 @@ Array [
 }
 
 .c8 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c13 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c9 {
-  height: 33px;
-  width: 95%;
+.c17 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c9::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c9::before {
-  top: 14px;
 }
 
-.c17 {
-  height: 33px;
+.c9 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -6037,29 +5729,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c17::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c17::before {
-  top: 14px;
-}
-
 .c10 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c3 {
@@ -6169,16 +5848,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c9 {
-    height: 14px;
-  }
-
-  .c9::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c14 {
     height: calc(382px * 7/9);
@@ -6224,6 +5893,14 @@ Array [
         <span
           className="c9"
         />
+        <span
+          className="c9"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c10"
         />
@@ -6264,10 +5941,18 @@ Array [
         className="c16 microlink_card__content"
       >
         <span
-          className="c8"
+          className="c17"
         />
         <span
-          className="c17"
+          className="c9"
+        />
+        <span
+          className="c9"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c10"
@@ -6460,61 +6145,45 @@ exports[`Storyshots props loading 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -6522,29 +6191,16 @@ exports[`Storyshots props loading 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -6640,16 +6296,6 @@ exports[`Storyshots props loading 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -6684,6 +6330,14 @@ exports[`Storyshots props loading 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -6724,10 +6378,18 @@ exports[`Storyshots props loading 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -6919,61 +6581,45 @@ exports[`Storyshots props mediaRef 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -6981,29 +6627,16 @@ exports[`Storyshots props mediaRef 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -7099,16 +6732,6 @@ exports[`Storyshots props mediaRef 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -7143,6 +6766,14 @@ exports[`Storyshots props mediaRef 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -7183,10 +6814,18 @@ exports[`Storyshots props mediaRef 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -7378,61 +7017,45 @@ exports[`Storyshots setData function 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -7440,29 +7063,16 @@ exports[`Storyshots setData function 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -7558,16 +7168,6 @@ exports[`Storyshots setData function 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -7602,6 +7202,14 @@ exports[`Storyshots setData function 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -7642,10 +7250,18 @@ exports[`Storyshots setData function 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -7837,61 +7453,45 @@ exports[`Storyshots setData object 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -7899,29 +7499,16 @@ exports[`Storyshots setData object 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -8017,16 +7604,6 @@ exports[`Storyshots setData object 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -8061,6 +7638,14 @@ exports[`Storyshots setData object 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -8101,10 +7686,18 @@ exports[`Storyshots setData object 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -8179,23 +7772,22 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c8 {
-  height: 33px;
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -8203,29 +7795,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -8289,16 +7868,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 <div
     className="c0"
   >
@@ -8327,6 +7896,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -8396,23 +7973,22 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c8 {
-  height: 33px;
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -8420,29 +7996,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -8506,16 +8069,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 <div
     className="c0"
   >
@@ -8544,6 +8097,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -8736,61 +8297,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -8798,29 +8343,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -8916,16 +8448,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -8966,6 +8488,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -9018,10 +8548,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -9210,91 +8748,62 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
+  animation-delay: 0.125s;
 }
 
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -9390,16 +8899,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -9440,6 +8939,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -9492,10 +8999,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -9684,61 +9199,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -9746,29 +9245,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -9864,16 +9350,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -9914,6 +9390,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -9966,10 +9450,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -10163,61 +9655,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -10225,29 +9701,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -10343,16 +9806,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -10393,6 +9846,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -10445,10 +9906,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -10637,61 +10106,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -10699,29 +10152,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -10817,16 +10257,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -10867,6 +10297,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -10919,10 +10357,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -11111,61 +10557,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
 }
 
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -11173,29 +10603,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -11291,16 +10708,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -11341,6 +10748,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -11393,10 +10808,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -11585,61 +11008,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
-  animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
+  animation: ibPKPZ .75s linear infinite;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -11647,29 +11054,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -11765,16 +11159,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -11815,6 +11199,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -11867,10 +11259,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -12059,61 +11459,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -12121,29 +11505,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -12239,16 +11610,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -12289,6 +11650,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -12341,10 +11710,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -12533,61 +11910,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -12595,29 +11956,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -12713,16 +12061,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -12763,6 +12101,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -12815,10 +12161,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -13011,61 +12365,45 @@ exports[`Storyshots style misc 1`] = `
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -13073,29 +12411,16 @@ exports[`Storyshots style misc 1`] = `
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -13191,16 +12516,6 @@ exports[`Storyshots style misc 1`] = `
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -13242,6 +12557,14 @@ exports[`Storyshots style misc 1`] = `
       <span
         className="c8"
       />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
+      />
       <span
         className="c9"
       />
@@ -13296,10 +12619,18 @@ exports[`Storyshots style misc 1`] = `
       className="c15 microlink_card__content"
     >
       <span
-        className="c7"
+        className="c16"
       />
       <span
-        className="c16"
+        className="c8"
+      />
+      <span
+        className="c8"
+        style={
+          Object {
+            "marginBottom": "12px",
+          }
+        }
       />
       <span
         className="c9"
@@ -13492,61 +12823,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -13554,29 +12869,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -13672,16 +12974,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -13722,6 +13014,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -13774,10 +13074,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -13966,61 +13274,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -14028,29 +13320,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -14146,16 +13425,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -14196,6 +13465,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -14248,10 +13525,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -14440,61 +13725,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -14502,29 +13771,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -14620,16 +13876,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -14670,6 +13916,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -14722,10 +13976,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -14914,61 +14176,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
 }
 
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
-}
-
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -14976,29 +14222,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -15094,16 +14327,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -15144,6 +14367,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -15196,10 +14427,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -15388,61 +14627,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -15450,29 +14673,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -15568,16 +14778,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -15618,6 +14818,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -15670,10 +14878,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"
@@ -15862,61 +15078,45 @@ Array [
 }
 
 .c7 {
+  opacity: 0.8;
   height: 16px;
   width: 60%;
   display: block;
   background: #e1e8ed;
   margin: 2px 0 8px;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
 .c12 {
+  opacity: 0.8;
   height: 16px;
   width: 75%;
   display: block;
   background: #e1e8ed;
   margin: 0 20px 0 0;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
+  height: 15px;
 }
 
-.c8 {
-  height: 33px;
-  width: 95%;
+.c16 {
+  opacity: 0.8;
+  height: 16px;
+  width: 60%;
   display: block;
   background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
-  position: relative;
+  margin: 2px 0 8px;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
-  -webkit-animation-delay: 0.125s;
-  animation-delay: 0.125s;
-}
-
-.c8::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c8::before {
-  top: 14px;
 }
 
-.c16 {
-  height: 33px;
+.c8 {
+  opacity: 0.8;
+  height: 14px;
   width: 95%;
   display: block;
-  background: #e1e8ed;
-  margin-bottom: 12px;
-  opacity: 0.8;
   position: relative;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
@@ -15924,29 +15124,16 @@ Array [
   animation-delay: 0.125s;
 }
 
-.c16::before {
-  content: '';
-  position: absolute;
-  left: -1px;
-  right: -1px;
-  height: 6px;
-  background: #fff;
-}
-
-.c16::before {
-  top: 14px;
-}
-
 .c9 {
-  height: 10px;
+  opacity: 0.8;
+  height: 12px;
   width: 30%;
   display: block;
-  background: #e1e8ed;
-  opacity: 0.8;
   -webkit-animation: ibPKPZ .75s linear infinite;
   animation: ibPKPZ .75s linear infinite;
   -webkit-animation-delay: .25s;
   animation-delay: .25s;
+  height: 10px;
 }
 
 .c2 {
@@ -16042,16 +15229,6 @@ Array [
   }
 }
 
-@media (max-width:48em) {
-  .c8 {
-    height: 14px;
-  }
-
-  .c8::before {
-    display: none;
-  }
-}
-
 @media (max-width:48em) {
   .c13 {
     height: calc(382px * 7/9);
@@ -16092,6 +15269,14 @@ Array [
         <span
           className="c8"
         />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
+        />
         <span
           className="c9"
         />
@@ -16144,10 +15329,18 @@ Array [
         className="c15 microlink_card__content"
       >
         <span
-          className="c7"
+          className="c16"
         />
         <span
-          className="c16"
+          className="c8"
+        />
+        <span
+          className="c8"
+          style={
+            Object {
+              "marginBottom": "12px",
+            }
+          }
         />
         <span
           className="c9"