#cursor-cont {
z-index: 9999!important;
position: absolute;
}
#cursor {
position: fixed;
top: -5px;
left: -5px;
width: 10px;
height: 10px;
background-color: var(--verde);
border-radius: 50%;
pointer-events: none;
z-index: 999;
}
#cursor-border {
--size: 50px;
position: fixed;
top: calc(var(--size) / -2);
left: calc(var(--size) / -2);
width: var(--size);
height: var(--size);
border-radius: 50%;
box-shadow: 0 0 0 1px var(--verde);
pointer-events: none;
transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out,
height 0.15s ease-out, background-color 0.15s ease-out;
z-index: 999;
}
#cursor.open {
background-color: var(--negro);
}
#cursor-border.open {
box-shadow: 0 0 0 1px var(--negro);
}
#cursor-border.over {      
--size: 30px;
opacity: .7!important;
}
#cursor.over {      
opacity: 0;
}