@layer components {
    .questions{
        padding-block: calc(var(--spacer) * 4);
        color: rgba(var(--color-white));
        background-color: rgba(var(--color-blue));

        h2{
            font-size: 2.25em;
            margin-bottom: calc(var(--spacer) * 1.5);

            @media(max-width: 768px){
                font-size: 1.5em;
            }
        }

        h3{
            @media(max-width: 768px){
                margin-bottom: calc(var(--spacer) * 2);
            }
        }

        a{
            color: rgba(var(--color-white));
        }

        p{
            margin-bottom: calc(var(--spacer) * 1.5);
        }

        address{
            font-size: .875em;
            margin-bottom: calc(var(--spacer) * 1.5);
        }
    }
}