.Header--withAnchor {
    position: relative;

    > a {
        display: none;
        border: none;
    }


    @include breakpoint(normal) {
        a {
            display: block;

            position: absolute;
            right: 100%;

            padding: rem(5);

            color: $grey;
            font-weight: 400;
            line-height: 1;

            opacity: 0;

            @include transition(opacity 0.1s ease);

            &:hover {
                color: $purple--lighter;
            }
        }

        &:hover {
            a {
                opacity: 1;
            }
        }
    }
}

h2.Header--withAnchor {
    > a {
        top: rem(4);
        font-size: rem(26);
    }
}


h3.Header--withAnchor {
    > a {
        top: rem(2);
        font-size: rem(20);
    }
}

h4.Header--withAnchor {
    > a {
        top: rem(-2);
        font-size: rem(20);
    }
}