/*==========================================
CUSTOM CURSOR
==========================================*/
.cursor{
    width:14px;
    height:14px;
    background:var(--secondary);
    border-radius:50%;
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:99999;
    transition:
        width .25s ease,
        height .25s ease,
        background .25s ease,
        transform .08s linear;
}

.cursor-outline{
    width:42px;
    height:42px;
    border:2px solid var(--secondary);
    border-radius:50%;
    position:fixed;
    left:0;
    top:0;
    pointer-events:none;
    transform:translate(-50%,-50%);
    z-index:99998;
    transition:
        width .25s ease,
        height .25s ease;
}

.cursor.active{
    width:26px;
    height:26px;
}

.cursor-outline.active{
    width:70px;
    height:70px;
}

@media(max-width:992px){
    .cursor,
    .cursor-outline{
        display:none;
    }
}