.activity-card {
  display: block;
  color: var(--ink);
  text-decoration: none;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.activity-card:first-child {
  background: var(--soft);
  color: var(--ink);
  border-color: #e4ebe7;
}

.activity-card:first-child p:last-child {
  color: var(--muted);
}

.activity-card > h3 + p {
  color: var(--muted);
  font-size: 15px;
}

.activity-card:hover,
.activity-card:focus-visible {
  background: var(--ink);
  border-color: var(--ink);
  color: #fff;
  transform: translateY(-4px);
  box-shadow: 0 16px 34px rgba(17, 63, 67, .18);
  outline: none;
}

.activity-card:hover p:last-child,
.activity-card:focus-visible p:last-child {
  color: #d4e0dd;
}

.activity-card:hover > h3 + p,
.activity-card:focus-visible > h3 + p {
  color: #d4e0dd;
}

.activity-card:focus-visible {
  box-shadow: 0 0 0 4px #d5ee86, 0 16px 34px rgba(17, 63, 67, .18);
}

.activity-card-action {
  display: inline-block;
  margin-top: 20px;
  color: #587f25;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .04em;
}

.activity-card:hover .activity-card-action,
.activity-card:focus-visible .activity-card-action {
  color: #d5ee86;
}