.page-footer-link {
    --alignment-horizontal: left;
    --color-background: var(--root-color--footer-dark);
    --font-size: var(--root-font-size); /* Reset, use REM */
}

.page-footer-link .link {
    --color: var(--root-color--white);
    --font-family: inherit;
    --font-size: 0.889em;
    --font-style: normal;
    --font-weight: var(--root-font-weight--normal);
    --line-height: inherit;
}

.page-footer-link .link:active,
.page-footer-link .link:focus,
.page-footer-link .link:hover {
    --color: var(--root-color--white-dark);
}

.page-footer-link__container {
    padding: 1rem 0;
}

.page-footer-link {
    background-color: var(--color-background, slategrey);
    font-size: var(--font-size, 1rem); /* Reset, use REM */
    text-align: var(--alignment-horizontal, right);
}

.page-footer-link .link {
    color: var(--color, white);
    font-family: var(--font-family, inherit);
    font-size: var(--font-size, 1em);
    font-weight: var(--font-weight, normal);
    font-style: var(--font-style, normal);
    line-height: var(--line-height, inherit);
}