
body .custom_cursor {
    display: none;
    pointer-events: none;
}

body .custom_cursor.moved {
    display: block;
}

body .custom_cursor > span.first {
    opacity: 0.9;
    z-index: 9999999;
    width: 17px;
    height: 17px;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}

body .custom_cursor > span.first i {
    display: block;
    transition: .3s background ease, .3s transform ease, .3s border ease;
    width: 17px;
    height: 17px;
    margin: 10px;
    pointer-events: none;
    border-radius: 100%;
    background: #37b100;
    box-sizing: border-box;
}

body .custom_cursor > span.second {
    opacity: 0.9;
    z-index: 9999998;
    width: 37px;
    height: 37px;
    pointer-events: none;
    position: fixed;
    top: 0;
    left: 0;
}

body .custom_cursor > span.second i {
    display: block;
    transition: .3s background ease, .3s transform ease, .3s border ease, .3s opacity ease;
    width: 37px;
    height: 37px;
    pointer-events: none;
    border-radius: 100%;
    border: 2px solid #37b100;
    top: 0;
    left: 0;
    box-sizing: border-box;
}

body .custom_cursor.hover > span.first i {
    transform: scale(0.4);
}

body .custom_cursor.hover > span.second i {
    transform: scale(0.6);
}
