.dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.dot:hover{background:rgba(255,255,255,.5)}.dot.active{background:#e91e63;width:24px;border-radius:4px}