.cursor_ring {
    position: fixed;

    aspect-ratio: 1 / 1;
    width: 25px;

    border-radius: 50%;
    border-color: rgba(255, 255, 255, 0.5);
    border-style: solid;
    border-width: 1px;
    transition: .06s ease-out;
    pointer-events: none;
    transform: scale(1);
    opacity: 100%;
    white-space: nowrap;

    z-index: 100000;
}

@media (max-width:500px) {
    .cursor_ring {
        display: none;
    }
}

.ring_text {
    position: absolute;
    opacity: 0;
    color: white !important;
}