.card{
  background: var(--surface);
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius-lg);
  box-shadow: 0 10px 26px rgba(15,23,42,.10);
}

.card--pressable{
  cursor: pointer;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.card--pressable:active{
  transform: scale(.99);
  box-shadow: 0 6px 18px rgba(15,23,42,.10);
}