footer {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: var(--footer--max-width);
    padding: var(--spacing--l) 0;
    align-items: center;
    gap: var(--spacing--m);
    background: var(--color--background);
    z-index: 1;

    hr {
        width: 100%;
    }

    .footer-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: var(--footer--content--max-width);
        width: 100%;
        opacity: 0.5;
    }

    .footer-signature {
        text-align: center;
        padding: 0 var(--spacing--base);
    }

    nav {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }
}