contrast.scss

  &__color-span {
    display: inline-block;
    padding: 0 2px;
    position: relative;
    font-weight: var(--TYPOGRAPHY__font-weight-bold);

    & > * {
      position: relative;
    }

    &::before {
      content: '';
      
      position: absolute;
      top: 1px;
      left: 0;
      width: 100%;
      height: calc(100% - 2px);

      border-radius: var(--BORDER__radius-m);
    }
  }

  &:hover &__color-span::before {
    background-color: currentColor;
    filter: invert(100%) brightness(125%) grayscale(100%) contrast(25600%);
  }