{# Ring cursor style: hollow circle with trail (only cursor with trail for now) #}
<style>
[data-cursor-style="ring"] .custom-cursor-dot {
    width: 14px;
    height: 14px;
    background: transparent !important;
    border: 2px solid currentColor;
}
[data-cursor-style="ring"] .custom-cursor-dot.cursor-hover {
    width: 22px;
    height: 22px;
    background: transparent !important;
    box-shadow: 0 0 12px rgba(0,0,0,0.35), 0 0 24px rgba(0,0,0,0.2);
}
[data-cursor-style="ring"] .custom-cursor-dot.cursor-text {
    width: 2px !important;
    height: 24px !important;
    background: currentColor !important;
    border: none !important;
    border-left: none !important;
    border-right: none !important;
}
</style>