.super-footer {
    margin-top: 1rem;
    padding: 1rem;
    background-color: var(--light);
    text-align: center;

    @media (min-width: 769px) {
        text-align: unset;
    }

    h2 {
        text-align: center;
        font-weight: 600;
        margin: 0.5rem 0;
    }

    a {
        --btn-font-weight: 400;
        --btn-color: var(--color-dark);
        --a-text-decoration: none;
        display: block;
        margin-bottom: .5rem;
    }

    .super-footer__links {
        @media screen and (min-width: 769px) {
            margin-top: 1.5rem;
            display: grid;
            grid-template-columns: repeat(2, 1fr);
        }
        @media screen and (min-width: 1200px) {
            grid-template-columns: repeat(3, 1fr);
        }
    }
}