.ws-heading {
  position: relative;
}

.ws-heading-anchor {
  color: var(--pf-t--global--icon--color--regular);
  transform: translate(calc(-100% - var(--pf-t--global--spacer--xs)), -50%);
  opacity: 0;
  position: absolute;
  display: flex;
  left: 0;
  top: 50%;
  background: none;
  border: none;
  padding: 0;
  tab-index: -1;
}

.ws-heading-anchor::before {
  content: ''; 
  position: absolute;
  inset: 0;
  margin: calc(var(--pf-t--global--spacer--xs) * -1);
}

.ws-heading-anchor-icon {
  height: 0.5em;
  width: 0.5em;
}

.ws-heading:hover .ws-heading-anchor,
.ws-heading-anchor:focus {
  opacity: 1;
}