.ref {
  @mixin px var(--spacing-tight);

  scroll-margin-top: calc(var(--el-header-height) + var(--spacing-comfortable));
  display: inline-block;
  font-weight: var(--typo-weight-black);
  transition: color 0.5s ease-in-out;

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