#activity-kit[data-card-clickable="true"] {
  cursor: pointer;
  transition: box-shadow 180ms ease, transform 180ms ease;
}

#activity-kit[data-card-clickable="true"]:hover {
  box-shadow: 0 16px 38px rgba(8, 84, 97, 0.12);
}

#activity-kit[data-card-clickable="true"]:focus-visible {
  outline: 3px solid #f3aa1b;
  outline-offset: 5px;
}

@media (prefers-reduced-motion: reduce) {
  #activity-kit[data-card-clickable="true"] {
    transition: none;
  }
}