.hover-glitch {
    position: relative;
}

.hover-glitch:hover {
    animation: glitch 0.3s infinite;
}

@keyframes glitch {
    0% {
        transform: translate(0);
    }
    20% {
        transform: translate(-2px, 2px);
    }
    40% {
        transform: translate(-2px, -2px);
    }
    60% {
        transform: translate(2px, 2px);
    }
    80% {
        transform: translate(2px, -2px);
    }
    100% {
        transform: translate(0);
    }
}

.hover-typing {
    border-right: 2px solid transparent;
}

.hover-typing:hover {
    border-right: 2px solid currentColor;
    animation: typing 1s steps(30, end);
}