.footer {

    background: var(--shade-7);
    color: #fff;
    padding: 20px;
    border-radius: 7px;
    margin-bottom: 40px;
    /* display: flex; */
    /* justify-content: space-between; */

    /* align-items: center; */

}


.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    width: 100%;
    gap: 20px;

    .grid-footer {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 20px;
        font-size: 15px;


    }

    /* @media screen and (max-width: 576px) { */
    @media screen and (max-width: 985px) {
        & {
            display: grid;
            grid-column: 1/-1;
            grid-template-columns: repeat(auto-fit, minmax(292px, 1fr));

            .grid-footer {
                font-size: 12px;
                gap: 10px;

                svg {
                    width: 18px;
                    height: 18px;
                }

            }


        }
    }
}