.custom-cursor {
    position: fixed;
    width: 40px;
    height: 40px;
    border: 2px solid white;
    border-radius: 50%;
    pointer-events: none;
    z-index: 30000;
    transform: translate(-50%, -50%);
    transition: width 0.2s ease, height 0.2s ease, border-width 0.2s ease;
    background: transparent;
    will-change: transform;
}
.custom-cursor::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
}
body {
    cursor: none;
}