.alumni-chip[href] {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.alumni-chip[href]::after {
  content: "↗";
  display: inline-block;
  margin-left: .5rem;
  color: var(--yellow);
  font-size: .75rem;
  vertical-align: top;
}

.alumni-chip[href]:hover::after,
.alumni-chip[href]:focus-visible::after {
  color: var(--ink);
}

.alumni-chip:not([href]) {
  opacity: .72;
}