.card {
  background: var(--surface-color);
  box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
  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;
  }
}