.mirror-effect .match-big-container::after,
.mirror-effect .match-item-inner::after{
    background: linear-gradient(90deg, transparent, rgba(240, 248, 255, 0.32));
    position: absolute;
    width: 250px;
    transform: rotate(25deg) ;
    height: 600px;
    top: -80%;
    content:"";
    z-index: 5;
    left:-100%;
}
.mirror-effect:hover .match-big-container::after,
.mirror-effect:hover .match-item-inner::after{
    opacity: 0.5;
    animation: mirror 0.4s linear ;
}
@keyframes mirror{
    0%{
    left:-100%;
}
    100%{
    left:120%;
}
}
.mirror-effect .match-big-container,
.mirror-effect .match-item-inner{
    transition: 0.5s;
}

.mirror-effect:hover .match-big-container,
.mirror-effect:hover .match-item-inner{
    box-shadow: 1px 2px 10px 1.5px rgb(84 84 84 / 74%);
}

.mirror-effect:hover .match-big-container .link-match,
.mirror-effect:hover .match-item-inner .link-match{
    background: #595a5a17;
    transition: 0.6s;
}
