template-engine: style carbasa footer shell to match mandel reference

mandelstudio/templates/mandelstudio/carbasa_footer.html

@@ -1,8 +1,49 @@
 {% load wagtailcore_tags wagtailsettings_tags %}
 {% get_settings %}
 
-<footer class="footer">
+<style>
-    <div class="container pt-5">
+  .mandelstudio-carbasa-footer-wrap {
+    margin-top: 4rem;
+    padding-top: 2.5rem;
+  }
+
+  .mandelstudio-carbasa-footer {
+    background: #040404;
+    color: #f5f5f5;
+    border-radius: 28px 28px 0 0;
+    padding: 4rem 0 2.5rem;
+  }
+
+  .mandelstudio-carbasa-footer .footer_column,
+  .mandelstudio-carbasa-footer .footer_column p,
+  .mandelstudio-carbasa-footer .footer_column a,
+  .mandelstudio-carbasa-footer .copyright_block {
+    color: #f5f5f5;
+  }
+
+  .mandelstudio-carbasa-footer .footer_column a {
+    text-decoration: none;
+    opacity: 0.92;
+  }
+
+  .mandelstudio-carbasa-footer .footer_column a:hover {
+    opacity: 1;
+    text-decoration: underline;
+  }
+
+  .mandelstudio-carbasa-footer hr {
+    border-color: rgba(255, 255, 255, 0.2);
+  }
+
+  .mandelstudio-carbasa-footer .copyright_block {
+    font-size: 0.95rem;
+    opacity: 0.92;
+  }
+</style>
+
+<div class="mandelstudio-carbasa-footer-wrap">
+<footer class="footer mandelstudio-carbasa-footer">
+    <div class="container">
         <div class="row">
             {% with footer=settings.ocyan_plugin_wagtail.OcyanSettings.footer %}
             {% for block in footer %}
@@ -12,7 +53,7 @@
             {% endfor %}
             {% endwith %}
         </div>
-        <div class="container pt-5">
+        <div class="container pt-4">
             <hr class="mb-5">
             <div class="row">
                 <div class="col-lg-12 copyright_block">
@@ -22,3 +63,4 @@
         </div>
     </div>
 </footer>
+</div>