.dot{width:6px;height:6px;border-radius:50%;background:rgba(0,0,0,.2);transition:all .3s ease;cursor:pointer}.dot.active{background:var(--yellow);width:20px;border-radius:3px}@media (max-width:480px){.dot{width:5px;height:5px}.dot.active{width:16px}}