$clickable-bg-color: darken($color-white, 5%);

.c-card {
  padding: $baseline-x5;
  background: rgba($color-white, 0.8);
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(28,45,157,0.28);
}

.c-card--no-padding {
  padding: 0;
}

.c-card--light { background: rgba($color-white, 0.5)}

.c-card--clickable{
  cursor: pointer;
}

.c-card--clickable:hover{
  background-color: $clickable-bg-color;
  cursor: pointer;
}