views.module.css

.cards {
  display: flex;
  align-items: center;
  justify-items: center;
  flex-wrap: wrap;
}

.cards > div {
  flex: 1;
}

.cards > div:not(:last-child) {
  margin-right: var(--Space-24);
}
.cards > div {
  margin-bottom: var(--Space-24);
}

.types {
  margin-bottom: var(--Space-24);
  margin-top: var(--Space-80);
}

.cardbody,
.cardheader {
  width: 100%;
}
.cardheader {
  background-color: var(--gray-light-warm);
  border: 1px solid var(--gray-mid);
  padding: var(--Space-8) 0;
  text-align: center;
}
.cardheader > h6 {
  text-transform: uppercase;
}
.cardbody {
  background: white;
  min-height: 157px;
  display: flex;
  justify-content: center;
  align-items: center;
}