.directory-tool-card .article-card-topline {
  align-items: center;
  gap: 10px;
}

.directory-shortlist-button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 30px;
  margin-left: auto;
  padding: 0 10px;
  border: 1px solid rgba(173, 178, 182, 0.14);
  border-radius: 999px;
  color: rgba(245, 246, 247, 0.78);
  background: rgba(3, 6, 11, 0.32);
  cursor: pointer;
  font-family: "Oxanium", "Montserrat", sans-serif;
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  transition:
    border-color 180ms ease,
    color 180ms ease,
    background 180ms ease,
    transform 180ms ease;
}

.directory-shortlist-button:hover,
.directory-shortlist-button:focus-visible,
.directory-shortlist-button.is-pinned {
  border-color: rgba(134, 200, 157, 0.42);
  color: rgba(245, 246, 247, 0.96);
  background:
    linear-gradient(135deg, rgba(200, 184, 141, 0.5), rgba(134, 200, 157, 0.1)),
    rgba(3, 6, 11, 0.55);
  transform: translateY(-1px);
}