.hero__dots{z-index:3;align-items:center;gap:.55rem;display:flex;position:absolute;bottom:clamp(2rem,4vh,3rem);left:50%;transform:translate(-50%)}.hero__dot{background:#fff6;border-radius:50%;width:7px;height:7px;padding:0;transition:all .35s}.hero__dot.is-active{background:0 0;border:1.5px solid #fff;width:10px;height:10px;box-shadow:inset 0 0 0 2px #fff}