/* A project's links beside its text: one list, an icon per line. */
.project-links {
  list-style: none;
  margin: 2rem 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
}

.project-links li {
  margin: 0;
  padding: 0;
}

.project-links a {
  display: inline-flex;
  align-items: baseline;
  gap: 0.6em;
  color: inherit;
  text-decoration: none;
  border: 0;
  overflow-wrap: anywhere;
}

.project-links i {
  flex: 0 0 1.3em;
  text-align: center;
}

/* Only the words are underlined: an underline running under the icon reads
   as a second, empty link. */
.project-links__label {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

.project-links a:hover .project-links__label,
.project-links a:focus-visible .project-links__label {
  text-decoration-thickness: 2px;
}

.project-links--mobile {
  margin-top: 3rem;
}