.card {
  background: var(--surface-color);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, .16);
  border-radius: var(--border-radius-small);
}
.card-hover {
  cursor: pointer;
  transition-duration: .2s;
}

.card-border-radius{
  border-radius: var(--border-radius-small);
}

@media (pointer: fine) {
  .card-hover:hover {
    box-shadow: 0 19px 38px rgba(0, 0, 0, 0.24);
    z-index: 1;
  }
}