.Card {
  display: flex;
  flex-direction: column;

  width: 100%;

  background-color: #fff;
  color: var(--color-neutral-text);


  border-radius: var(--border-radius-2x);
  border: 1px solid var(--color-neutral-300);
}

.Card-content {
  flex-grow: 1;
}

.Card-header,
.Card-content,
.Card-footer {
  padding: var(--space-2x);
}

.Card-footer {
  border-top: 1px solid var(--color-neutral-300);
}

.Card--greyFooter {
  & .Card-footer {
    border-bottom-left-radius: var(--border-radius-2x);
    border-bottom-right-radius: var(--border-radius-2x);

    background-color: var(--color-neutral-200);
  }
}