.hitbox {
  display: inline-block;
  cursor: pointer;
  box-sizing: border-box;
  margin: calc(var(--icon-hitbox-area) * -1);
  padding: var(--icon-hitbox-area);
  color: var(--icon-link-color);

  &:hover {
    color: var(--icon-link-hover-color);
  }
}

.link.icon,
.link.icons {
  cursor: pointer;
  opacity: var(--icon-link-opacity);
  color: var(--icon-link-color);
  transition: var(--icon-link-transition);

  &:hover {
    opacity: var(--icon-link-hover-opacity);
    color: var(--icon-link-hover-color);
  }
}