.card { width: 100%; box-shadow: $box-shadow-big; padding: ($gap * 2) ($gap * 2.5) ($gap * 4) ($gap * 3); margin-bottom: 20px; &__status { display: flex; align-items: baseline; justify-content: space-around; height: 55px; align-items: center; &-spacer { flex-grow: 10; } } &__title { padding: $gap * 2; background-color: $color-gray-lightest; } &__header h3 { margin-top: 0; } &__body { font-size: $small-font-size; } .label { margin-left: 0; } .datetime { font-size: $small-font-size; } }