:where(.site-footer) {
    :where(.footer-social) {
        margin-top: 1rem;

        :where(.social-media-links) {
            display: flex;
            flex-flow: row wrap;
            gap: 0.5rem;
            align-items: flex-end;

            :where( .social-media-link) {
                display: inline-block;

                :where(a) {
                    padding-right: 0.5rem;
                    display: flex;

                    :where(svg) {
                        height: 1.8rem;
                        width: 1.8rem;
                        fill: var(--color-primary-white);
                    }
                }
            }
        }
    }
}