.dot{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.3);cursor:pointer;transition:all .3s ease}.dot.active{background:#f6a929;width:30px;border-radius:6px}.dot:hover{background:rgba(255,255,255,.5)}