.now-card {
  position: relative;
  transition:
    border-color 160ms ease,
    box-shadow 160ms ease,
    transform 160ms ease;
}

.now-card:has(a) {
  cursor: pointer;
}

.now-card:has(a):hover {
  border-color: var(--cyan);
  box-shadow:
    0 22px 58px rgba(0, 0, 0, 0.28),
    0 0 0 1px color-mix(in srgb, var(--cyan) 35%, transparent);
  transform: translateY(-1px);
}

.now-card:focus-within {
  outline: 2px solid var(--cyan);
  outline-offset: 3px;
}

.now-card-link {
  display: block;
  margin: -18px;
  padding: 18px;
  border-radius: inherit;
  color: inherit;
  text-decoration: none;
}

.now-card-link:focus-visible {
  outline: none;
}

.now-card-link p:last-child {
  margin-bottom: 0;
}

.now-card-cta {
  color: var(--cyan);
  font-size: 0.9rem;
  font-weight: 750;
}