.post-content {
max-width: 52.5rem; margin: 0 auto; padding-top: 2.5em; @include breakpoint($md) { padding-top: 5em; }
}
.comments {
padding: 50px 0; background-color: #fafafa;
}
.controls__inner {
display: flex; align-items: center; justify-content: space-between; padding: 1.375rem 0 1.25rem; border-top: 1px solid $border; .prev { align-items: flex-start; text-align: left; } .next { align-items: flex-end; text-align: right; }
}
.controls__item {
display: flex; flex-direction: column; align-items: flex-start; span { font-size: 0.875rem; color: $grey; } a { color: $heading-color; font-weight: bold; border-bottom: 0; svg { transition: all .2s linear; } &:hover { color: $primary; border-bottom: 0; svg { fill: $primary; } } }
}