[data-contributor="Katy Ilonka Gero"] .type {
    background: var(--color);
}

[data-contributor="Katy Ilonka Gero"] .type svg {
    position: absolute;
    height: 165%;
    transform: translate(2%, 0) rotate(-20deg);
}

[data-contributor="Katy Ilonka Gero"] .type path {
    stroke: var(--color);
}

[data-contributor="Katy Ilonka Gero"] .type span {
    position: absolute;
}

[data-contributor="Katy Ilonka Gero"]:hover .type path,
[data-contributor="Katy Ilonka Gero"]:focus .type path,
[data-contributor="Katy Ilonka Gero"][data-on="true"] .type path {
    stroke: var(--background);
}

[data-contributor="Katy Ilonka Gero"]:hover .type,
[data-contributor="Katy Ilonka Gero"]:focus .type,
[data-contributor="Katy Ilonka Gero"][data-on="true"] .type {
    background: var(--background);
    color: var(--color);
}