.cursor {
    z-index: 10;
    pointer-events: none;
    position: fixed;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out,
    background-color 0.5s, width 0.3s, height 0.5s;
    width: 24px;
    height: 24px;
    background: linear-gradient(90.24deg, #41FD73 0.35%, #20FDC1 51.69%, #1EFDEB 100.14%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.cursor.active {
    transform: translate(-50%, -50%) scale(1.5);
}

.cursor.hidden {
    opacity: 0 !important;
}

.cursor-blur{
    position: relative;
    z-index: 11;
}