first commit

assets/css/template/support/_section--donation.scss

@@ -0,0 +1,63 @@
+#section__donation{
+
+    display: flex;
+    align-items: center;
+
+
+
+    .btn--donation__container{
+        display: grid;
+        grid-template-columns: 1fr 1fr;
+        grid-gap: calc(var(--padding-body)*0.75);
+
+        @media #{$medium-up}{
+            width: 420px;
+        }
+
+        @media #{$medium}{
+            width: 100%;
+            max-width: 420px;
+        }
+
+        .btn--donation__grow-2{
+            grid-column: span 2;
+        }
+
+        display: none;
+        &.is-selected{
+            display: grid;
+        }
+    }
+
+
+    .btn--donation{
+        background-color: var(--color-txt);
+        color: var(--color-bg);
+        border-radius: var(--radius-small);
+        height: calc(var(--h-block)*2);
+
+        .bold{
+            font-family: var(--title);
+            font-size: var(--fs-medium);
+            font-weight: var(--fw-bold);
+            margin-bottom: 0.25em;
+        }
+
+        .small{
+            font-family: var(--font);
+            font-weight: var(--fw-medium);
+            font-size: var(--fs-small);
+        }
+
+        &:hover{
+            outline: 4px solid var(--color-accent);
+            cursor: pointer;
+        }
+
+    }
+
+
+
+
+   
+}