Backup eingespielt

components/CtaSection.module.css

@@ -0,0 +1,53 @@
+.cta {
+  background: linear-gradient(135deg, #267361 0%, #1f5f50 100%);
+  padding-block: var(--space-16);
+}
+
+.inner {
+  max-width: var(--container-width);
+  margin: 0 auto;
+  padding-inline: var(--space-4);
+}
+
+.content {
+  max-width: 48rem;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-6);
+  text-align: center;
+}
+
+.heading {
+  color: #ffffff;
+  max-width: 22ch;
+}
+
+.actions {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-4);
+}
+
+.actions :global(.btn) {
+  font-weight: var(--font-weight-semibold);
+}
+
+.actions :global(.btn--tertiary) {
+  padding-top: 0;
+  padding-bottom: 0;
+  color: #ffffff;
+}
+
+@media (min-width: 768px) {
+   .cta {
+    padding-block: var(--space-20);
+  }
+
+  .actions {
+    flex-direction: row;
+    justify-content: center;
+  }
+}