.c-skiplink {
    text-decoration: none;
    position: absolute;
    top: 4rem;
    left: 4rem;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    color: theme('colors.primary.600');
    background: #fff;

    &:hover {
        text-decoration: none;
        color: theme('colors.primary.700');;
    }

    &:focus {
        z-index: 20;
        height: auto;
        padding: .5rem;
        width: auto;
        overflow: visible;
        clip: unset;
        white-space: initial;
        outline: .125rem solid theme('colors.secondary.400');
        outline-offset: -1px;
    }
}
