.cursor {
    top: -100px;
    left: -100px;
    position: absolute;
    fill: none;
    stroke: #393939;
    stroke-width: 4px;
    filter: url(#filter-1);
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 9999999;
    width: 20px;
    height: 20px;
    transition: fill 0.3s, width 0.3s, height 0.3s;
}
.cursor circle {
    /* fill: var(--font-color);
    stroke: none; */
    fill: none;
    stroke: #000;
    stroke-width: 2px;
}
.cursor.click {
    width: 15px;
    height: 15px;
}
.cursor.link {
    width: 15px;
    height: 15px;
}
/* .cursor.link circle {
    fill: blue;
} */
.cursor.link.click {
    width: 10px;
    height: 10px;
}

@media screen and (max-width: 1239px) {
    .cursor {
        display: none;
    }
}