.myCursor {
    width: 8px;
    height: 8px;
    transform: scale(1);
    border-radius: 50%;
    background-color: rgba(184, 165, 127, 1);
    position: absolute;
    z-index:999;
    /*transition-duration: 0.1s;*/
    box-sizing: border-box;
    pointer-events: none;
    /*transition: .2s;*/
}
.borderCursor{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border:1px solid rgba(184, 165, 127, 0.8);
    position: absolute;
    z-index:999;
    box-sizing: border-box;
    pointer-events: none;
    /*transition: .2s;*/
}
.hoverstyle {
    mix-blend-mode: exclusion;
    background-color: #fff;
    transform: scale(7);
    transition: .2s;
}
.hoverstyle + .borderCursor{
    display: none;
}
@media (max-width:767px) {
    .myCursor, 
    .borderCursor{
        display: none;
    }
}