:root {
    --dot-color: #fff; /* Solid blue */
    --glow-color: #ffffff; /* Translucent blue */
    --dot-size: 15px;
}

@media (min-width: 1100px) {

    .pulsing-dot {
        position: absolute;
        top: calc(30.65vw - (var(--scrollbar-width) * 0.3));
        left: 70dvw;
        transform: translateY(-50%);
        border-radius: 50%;
        cursor: pointer;
    }
}

@media (max-width: 1099px) {
    .pulsing-dot {
        position: absolute;
        top: 79.5vw;
        left: 77vw;
        transform: translateY(-50%);
        border-radius: 50%;
    }
}

.pulsing-dot {
    width: var(--dot-size);
    height: var(--dot-size);
    background-color: var(--dot-color);
    border-radius: 50%;
}

.pulsing-dot::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--dot-color);
    border-radius: 50%;
    z-index: -1;
    /* The "Fuzzy" Secret Sauce */
    filter: blur(4px);
    box-shadow: 0 0 20px 10px var(--glow-color);
    animation: pulse-out-fuzzy 3s ease-out infinite;
}

@keyframes pulse-out-fuzzy {
    0% {
        transform: scale(0.75);
        opacity: 1;
    }

    100% {
        /* Larger scale for a more dramatic fade */
        transform: scale(4);
        opacity: 0;
    }
}