@keyframes flicker{
    0% {
    filter: brightness(2.5);
    }
    20% {
        filter: brightness(1);
    }
    40% {
        filter: brightness(2.5);
    }
    60% {
        filter: brightness(1);
    }
    80% {
        filter: brightness(2.5);
    }
    100% {
        filter: brightness(2.5);
    }
}
.button:hover .corner-bl{
    animation: flicker 0.25s linear forwards;
}
.button:hover .corner-tr{
    animation: flicker 0.25s linear forwards;
}
.button:hover::before{
    animation: flicker 0.25s linear forwards;
}
.button:hover::after{
    animation: flicker 0.25s linear forwards;
}
.button:hover {
    filter: brightness(2.5);
}

.button:hover{
    color: var(--buttonspan2);
}
.button{
    transition: all .2s;
    color: var(--buttonspan);
}
.button:not(:hover) .corner-bl,
.button:not(:hover) .corner-tr,
.button:not(:hover)::before,
.button:not(:hover)::after {
    animation: none;
    filter: brightness(1); /* Reset brightness */
}
/*
.button .corner-bl,
.button .corner-tr,
.button::before,
.button::after {
    color: var(--buttonborder);
}*/