/* Hide Default Cursor */

*{
    cursor:none;
}

.cursor-outline,
.cursor-dot{
    position:fixed;
    top:0;
    left:0;
    pointer-events:none;
    opacity:0;
    transform:translate(-50%,-50%);
    z-index:999999;
}

/* Outer Circle */

.cursor-outline{

    width:34px;
    height:34px;

    border-radius:50%;

    border:2px solid #FFD54A;

    background:rgba(255,213,74,.05);

    box-shadow:
    0 0 10px rgba(255,213,74,.8),
    0 0 25px rgba(255,213,74,.7),
    0 0 50px rgba(255,213,74,.5);

    backdrop-filter:blur(3px);

    mix-blend-mode:difference;

    transition:
    width .25s,
    height .25s,
    border-color .25s,
    background .25s;

}

/* Center Dot */

.cursor-dot{

    width:8px;
    height:8px;

    border-radius:50%;

    background:#FFD54A;

    box-shadow:
    0 0 8px #FFD54A,
    0 0 18px #FFD54A,
    0 0 35px #FFD54A;

    mix-blend-mode:difference;

}

/* Hover */

.cursor-hover{

    width:58px !important;
    height:58px !important;

    background:rgba(255,213,74,.10);

    border-color:#fff;

}