refactor(SW-194): move css to parent

components/Blocks/Accordion/accordion.module.css

@@ -1,7 +1,7 @@
-.accordion :not(.allVisible):nth-child(n + 6) {
+.accordion:not(.allVisible) :nth-child(n + 6) {
   display: none;
 }
 
-.accordion :not(.allVisible):nth-child(5) {
+.accordion:not(.allVisible) :nth-child(5) {
   border: none;
 }

components/Blocks/Accordion/index.tsx

@@ -25,13 +25,13 @@ export default function AccordionSection({ accordion, title }: AccordionProps) {
   return (
     <SectionContainer id={HotelHashValues.faq}>
       {title && <SectionHeader textTransform="uppercase" title={title} />}
-      <Accordion className={styles.accordion} theme="light" variant="card">
+      <Accordion
+        className={`${styles.accordion}${allAccordionsVisible ? styles.allVisible : ""}`}
+        theme="light"
+        variant="card"
+      >
         {accordion.map((acc) => (
-          <AccordionItem
-            key={acc.question}
-            title={acc.question}
-            className={`${allAccordionsVisible ? styles.allVisible : ""}`}
-          >
+          <AccordionItem key={acc.question} title={acc.question}>
             <JsonToHtml
               embeds={acc.answer.embedded_itemsConnection.edges}
               nodes={acc.answer.json?.children[0].children}