@layer component {
    .p-faq {
        padding-bottom: 100px;
    }
    @media screen and (max-width: 767px) {
        .p-faq {
            padding-bottom: calc(100 * var(--mc--quantity--of-design--horizontal));
        }
    }
    .p-faq-link-first {
        margin-left: 0;
    }
    .p-faq-links {
        display: flex;
        gap: calc(1.5 * var(--base-unit));
    }
    @media screen and (max-width: 767px) {
        .p-faq-links {
            display: block !important;
        }
    }
}