.card {
  width: 100%;
  box-shadow: $box-shadow-big;
  padding: ($gap * 2) ($gap * 2.5) ($gap * 4) ($gap * 3);
  margin-bottom: 20px;

  .card__status {
    display: flex;
    align-items: baseline;
    justify-content: space-around;

    .card__status-spacer {
      flex-grow: 10;
    }
  }

  .card__header h3 {
    margin-top: 0;
  }

  .card__body {
    font-size: $small-font-size;
  }
}

.card {
  .label {
    margin-left: 0;
  }

  .datetime {
    font-size: $small-font-size;
  }
}