.color-dot {
    position: fixed; /* или absolute, если нужно относительно блока */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    z-index: 100;
    transition: transform 1s ease, opacity 0.5s ease;
    pointer-events: none; /* чтобы не мешали кликам */
}

.dot-1 { background: #FF6B6B; }
.dot-2 { background: #4ECDC4; }
.dot-3 { background: #FFE66D; }