/* блик кнопки и обводки */


.site-item button{
    position: relative;
    overflow: hidden;
    filter: brightness(1);
    animation: flareAnimationFilter 2s 2s infinite linear; 
}
.site-item button::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 65px;
    transform: skewX(-45deg);
    animation: flareAnimationBlick;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
    animation: flareAnimationBlick 4s 2s infinite linear; 
}

@keyframes flareAnimationFilter {
    0% {
        filter: brightness(1);
    }
    50% {
        filter: brightness(1.1);
    }
    100% {
        filter: brightness(1);
    }
}
@keyframes flareAnimationBlick {
    0% {
        left: -150%;
    }
    100% {
        left: 150%;
    }
}
@keyframes blockWiggle {
    0%, 40% {
        translate: 0;
    }
    45%{
        translate: 2px;
    }
    55%{
        translate: -2px;
    }
    60%, 100%{
        translate: 0;
    }
}

.site-item-block {
    /* толщина обводки */
    padding: 1.4px; 
    position: relative;
    overflow: hidden;
}
.dynamic-links-block .site-item:nth-child(3n + 1) .site-item-block{
    animation: blockWiggle 2s 3s linear infinite;
}
.site-item-block::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 120px;
    transform: skewX(-25deg);
    animation: flareAnimationBlick;
    left: -150%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    animation: flareAnimationBlick 4s 2s infinite linear; 
}