.outer {
  padding: 5px;
}
.inner {
  font-family: sans-serif;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  display: flex;
  flex-direction: column;
  border-radius: 5px;
  background-color: white;
}
.card-wrapper:hover {
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.header,
.footer,
.content {
  padding: 10px 10px;
}
.header {
  font-size: 14px;
  border-bottom: 1px solid #ededed;
}
.footer {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  border-top: 1px solid #ededed;
}
.content {
  color: gray;
  font-size: 12px;
  min-height: 150px;
}