.tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tags__tag {
  display: inline-block;
  position: relative;
  border: 2px solid var(--color-text-light);
  border-radius: 2px;
  margin: 1em 0.7em 0 0;

  & > a {
    display: inline-block;
    padding: 0.1em 0.5em;
    padding-left: 1.3em;
    text-decoration: none;
    color: var(--color-text-middle);
  }

  &:hover {
    border-color: var(--color-bg-dark);

    & > a {
      color: var(--color-text);
    }

    &::after {
      border-color: var(--color-text);
    }
  }

  &::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    top: calc(50% - 2.5px);
    left: 5px;
    width: 4px;
    height: 4px;
    border: 1px solid var(--color-text-light);
    border-radius: 100px;
  }
}

.tags {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tags__tag {
  display: inline-block;
  position: relative;
  border: 2px solid var(--color-text-light);
  border-radius: 2px;
  margin: 1em 0.7em 0 0;

  & > a {
    display: inline-block;
    padding: 0.1em 0.8em 0.1em 1.1em;
    text-decoration: none;
    color: var(--color-text-middle);
  }

  &:hover {
    border-color: var(--color-bg-dark);

    & > a {
      color: var(--color-text);
    }

    &::after {
      border-color: var(--color-text);
    }
  }

  &::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    top: calc(50% - 2px);
    left: 6px;
    width: 4px;
    height: 4px;
    border: 1px solid var(--color-text-light);
    border-radius: 100px;
  }
}

Change tags padding to be more even
Change tags padding to be more even [skip ci]
