a {
  color: var(--color-primary-3);
  display: inline-grid;
  grid-auto-flow: column;
  gap: 0.5rem;
  align-items: center;

  &:hover {
    color: var(--color-primary-3);
  }

  &:not(:hover) {
    text-decoration: none;
  }

  &:hover {
    & > svg > .secondary {
      stroke: var(--color-secondary-2);
      fill: var(--surface-document);
    }

    & > svg > .primary {
      fill: var(--color-secondary-2);
    }
  }

  &:focus:not(:focus-visible) {
    outline: none;
  }

  & > svg {
    inline-size: 1rem;
    block-size: 1rem;
  }
}


p a {
  display: inline;
}