.md-after-content__link,
.md-after-content__title,
.md-after-content__button {
    transition: opacity 250ms, background-color 250ms ease-out, color 250ms !important;
}
.md-after-content__link {
    display: flex;
    align-items: center;
    margin: 1rem 0 2rem;
    border-radius: var(--roundness);
    border: 1px solid var(--next-prev-button-border);
    background-color: var(--next-prev-button-bg);
}
.md-after-content__link:hover {
    background-color: var(--next-prev-button-bg-hover);
}
.md-after-content__link:hover .md-after-content__title,
.md-after-content__link:hover .md-after-content__button {
    color: var(--next-prev-button-text-hover);
}
.md-after-content__link--prev {
    float: left;
    padding-right: .8rem;
}
.md-after-content__link--next {
    float: right;
    text-align: right;
    padding-left: .8rem;
}
.md-after-content__title {
    color: var(--next-prev-button-text);
    position: relative;
    flex-grow: 1;
    max-width: calc(100% - .4rem);
    font-weight: bold;
    padding: 0 0 0.1rem;
    font-size: .8rem;
}
.md-after-content__button {
    padding: .3rem;
    color: var(--next-prev-button-text);
    width: 1.2rem;
    margin: .2rem;
}