.dot{width:10px;height:10px;border-radius:50%;background:#cfcfcf;border:none;cursor:pointer;transition:all .3s ease}.dot.active{width:34px;border-radius:999px;background:#111}@media (max-width:480px){.dot{width:8px;height:8px}.dot.active{width:26px}}