.ds-footer {
    border-top: 1px solid var(--rule);
    /* position: fixed; */
    /* bottom: 0; */
    /* width: 100%; */
    background-color: var(--accent);
    color: var(--paper);
}

.ds-footer__inner {
    padding: var(--s2);
}

.ds-social {
    display: flex;
    gap: var(--s1);
    justify-content: center;
}

.ds-social__link {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 140ms ease;
}

.ds-social__link img {
    width: 48px;
    height: 48px;
    filter: invert(1);
}

.ds-footer__byline {
    margin-top: var(--s1);
    font-size: var(--text-xs);
    text-align: center;
}

.ds-social__link:hover img {
    opacity: 0.6;
}