cards components

scss/ui/_cards.scss

@@ -1,6 +1,6 @@
 .card {
   margin-bottom: 1.5rem;
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .04);
+  box-shadow: rgba(0, 0, 0, 0.04) 0 2px 4px 0;
 }
 
 .card-link {
@@ -52,14 +52,6 @@
   }
 }
 
-.card-footer {
-  background: transparent;
-
-  &:last-child {
-    border-radius: 0 0 $border-radius $border-radius;
-  }
-}
-
 .card-header {
   display: flex;
   align-items: center;
@@ -71,6 +63,10 @@
   margin: (- $card-spacer-y) (- $card-spacer-x);
 }
 
+.card-footer {
+  color: $text-muted;
+}
+
 .card-progress {
   height: 4px;
 
@@ -91,9 +87,6 @@
   display: block;
   font-size: $h4-font-size;
   font-weight: 500;
-  margin: 0 0 1.5rem;
-  line-height: 1;
-  color: inherit;
 
   @at-root a#{&}:hover {
     color: inherit;
@@ -104,6 +97,13 @@
   }
 }
 
+.card-subtitle {
+  margin-top: -$card-spacer-y;
+  margin-bottom: $card-spacer-y / 2;
+  font-size: $small-font-size;
+  color: $text-muted;
+}
+
 .card-body {
   > :last-child {
     margin-bottom: 0;
@@ -128,7 +128,7 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: .25rem;
-  color: $text-muted-light;
+  color: $text-muted;
 }
 
 /**