support : integration except products

assets/css/pages/dons/_section-questions.scss

@@ -0,0 +1,78 @@
+#section__questions{
+    details{
+        border-bottom: var(--border);
+
+
+        summary{
+            height: calc(var(--h-block)*1);
+            display: flex; 
+            align-items: center;
+            justify-content: space-between;
+            cursor: pointer;
+
+            &::after{
+                content: "▶";
+                font-size: 0.8em;
+                color: var(--grey-400);
+            }
+        }
+
+        p{
+            padding-top: calc(var(--spacing)*0.25);
+            margin-bottom: var(--spacing);
+            border-top: var(--border);
+        }
+
+
+        &::details-content {
+
+            max-height: 0;
+            transition: max-height ease-in .5s;
+            overflow: hidden;
+
+            // display: grid;
+            // grid-template-rows: 0fr;
+            // overflow: hidden;
+            // transition: grid-template-rows 1s;
+          
+          }
+
+        &[open]{
+    
+          
+
+            &::details-content {
+                max-height: 1000px;
+                filter: none;
+              }
+    
+         
+            summary::after{
+                transform: rotate(90deg);
+                transform-origin: center;
+            }
+        } 
+    }
+
+
+
+    .btn--bold{
+        display: block;
+        margin: calc(var(--spacing) * 1.5) auto;
+        margin-bottom: 0;
+    }
+
+
+}
+
+
+// @keyframes fadeInDown {
+//     0% {
+//         opacity: 0;
+//         transform: translateY(-1.25em);
+//     }
+//     100% {
+//         opacity: 1;
+//         transform: translateY(0);
+//     }
+// }