feat: add styled footer items for cards

src/fellchensammlung/static/fellchensammlung/css/main.scss

@@ -2,7 +2,7 @@ $primary: #6CD4FF;
 $link: #292a2c;
 $grey-light: #c4c6ce;
 $grey-dark: #262728;
-
+$confirm: hsl(133deg ,100%,calc(41% + 0%));
 
 // Path to Bulma's sass folder
 @use "bulma/sass" with (
@@ -99,6 +99,25 @@ p > a {
 }
 
 
+// Button in card footer
+.card-footer {
+  overflow: hidden;
+}
+.card-footer .card-footer-item.is-confirm {
+    background-color: $confirm;
+}
+.card-footer .card-footer-item.is-confirm:hover {
+    filter: brightness(0.9);
+}
+
+.card-footer .card-footer-item.is-danger {
+    background-color: sass.$danger;
+}
+.card-footer .card-footer-item.is-danger:hover {
+    filter: brightness(0.9);
+}
+
+
 @font-face {
   font-family: 'Nunito';
   font-style: normal;

src/fellchensammlung/templates/fellchensammlung/partials/partial-check-rescue-org.html

@@ -34,25 +34,25 @@
         {% endif %}
     </div>
     <div class="card-footer">
-        <div class="card-footer-item is-paddingless">
+        <div class="card-footer-item is-confirm">
             <form method="post">
                 {% csrf_token %}
                 <input type="hidden"
                        name="rescue_organization_id"
                        value="{{ rescue_org.pk }}">
                 <input type="hidden" name="action" value="checked">
-                <button class="is-primary is-fullwidth" type="submit">{% translate "Organisation geprüft" %}</button>
+                <button class="" type="submit">{% translate "Organisation geprüft" %}</button>
 
             </form>
         </div>
-        <div class="card-footer-item is-paddingless">
+        <div class="card-footer-item is-danger">
             <form method="post">
                 {% csrf_token %}
                 <input type="hidden"
                        name="rescue_organization_id"
                        value="{{ rescue_org.pk }}">
                 <input type="hidden" name="action" value="exclude">
-                <button class="is-primary is-fullwidth" type="submit">{% translate "Von Check exkludieren" %}</button>
+                <button class="" type="submit">{% translate "Von Check exkludieren" %}</button>
 
             </form>
         </div>