.post-navigation {

margin: 60px auto 40px auto;
display: flex;
width: 100%;
flex-wrap: wrap;
justify-content: space-between;
a {
  margin: 10px 0;
  text-decoration: none;
  font-size: 1rem;
  border: solid 1px $accent;
  border-radius: 3px;
  padding: 10px 20px;
  &:hover {
    background: $accent;
    color: $base;
  }
}

}

img + em {

color: rgba(white, .7);
font-size: 1rem;
margin-top: -50px;
margin-left: 20px;
display: block;

}

.info {

margin-bottom: 60px;
margin-top: -35px;
@media screen and (max-width: $break) {
  margin-bottom: 40px;
}

}

article {

position: relative;

}

.share {

position: fixed;
transform: translateX(-90px);
bottom: 50%;
a, svg {
  &:hover {
    opacity: 1;
  }
}
svg {
  opacity: .3;
  height: 30px;
  width: 30px;
}
ul {
  padding: 0;
}
li {
  margin: 8px 0;
  list-style: none;
}

}