.skeleton-box {
  display: inline-block;
  height: 1em;
  position: relative;
  overflow: hidden;
  background-color: #DDDBDD;
}

.skeleton-box::after {
  position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
    background-image: linear-gradient(120deg, 
      rgba(255, 255, 255, 0), 
      rgba(255, 255, 255, 0.2) 50%, 
      rgba(255, 255, 255, 0.5) 70%, 
      rgba(255, 255, 255, 0)
      );
    animation: shimmer 3s infinite;
    content: '';

  
  /* background-image: linear-gradient(120deg, #ececec 50%, #fafafa 60%, #fafafa 61%, #ececec 70%); */

  
}

@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}

.blog-post__headline {
  font-size: 1.25em;
  font-weight: bold;
}

.blog-post__meta {
  font-size: 0.85em;
  color: #6b6b6b;
}

.o-media {
  display: flex;
}

.o-media__body {
  flex-grow: 1;
  margin-left: 1em;
}

.o-vertical-spacing {
  margin-top: -1.25em;
}

.o-vertical-spacing--l {
  margin-top: 2em;
}

* {
  box-sizing: border-box;
}