.dot {
    position: fixed;
    width: 17px;
    height: 17px;
    background-color: #7C1919;
    filter: blur(2px);
    border-radius: 50%;
    pointer-events: none;
    transform: translate(-50%, -50%);
    /*transition: top 0.1s linear, left 0.1s linear;  Suaviza o movimento */
    transition: top 0.1s linear, left 0.1s linear, width 0.2s ease, height 0.2s ease, opacity 0.2s ease;
    z-index: 1001; /* Certifica que est� acima de outros elementos */
    opacity: 0.6; /* Ajusta a transparência padrão */
}