.capability-title-link {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  max-width: 100%;
  padding: 8px 12px 8px 0;
  border-radius: 8px;
  color: var(--ink);
  transition:
    color 180ms ease,
    background 180ms ease,
    box-shadow 180ms ease,
    transform 180ms ease;
}

.capability-title-link::after {
  content: "";
  flex: 0 0 auto;
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 3px solid currentColor;
  border-right: 3px solid currentColor;
  transform: rotate(45deg);
}

.capability-title-link:hover,
.capability-title-link:focus-visible {
  color: var(--blue);
  background: var(--sky);
  box-shadow: inset 0 -3px 0 var(--gold);
  transform: translateX(2px);
  outline: 0;
}