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

.page-footer,
.page-footer__container {
    position: relative;
}

.page-footer__container {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.page-footer {
    background-color: var(--color-background, grey);
    font-size: var(--font-size, 1rem); /* Reset, use REM */
}