section.footer {
    @apply bg-gray;
    @apply p-8;

    .link-list {
        @apply p-0;
    }

    .footer-top {
        @apply grid gap-8;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));

        @screen md {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        }

        @screen sm {
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        }

        .footer-column {
            .social-title {
                @apply font-semibold;
                @apply my-8;
            }

            .social {
                @apply mb-8;
            }
        }

        .multiple-cols {
            grid-column-start: 1;
            grid-column-end: 2;

            @screen sm {
                grid-column-start: 1;
                grid-column-end: 3;
            }
        }
    }

    .footer-bottom {
        @apply mt-24 mb-12 grid gap-8;
        grid-template-rows: auto;

        @screen md {
            grid-template-areas: 'first-col first-col first-col second-col';

            .first-col {
                grid-area: first-col;
            }

            .second-col {
                grid-area: second-col;
            }
        }

        .privacy,
        .language {
            li {
                @apply mr-4;
                @apply inline-block;

                a {
                    @apply text-black;
                }
            }
        }

        .privacy a {
            @apply underline;
        }

        .language .active {
            @apply font-bold;
        }
    }
}