.hero{position:relative;overflow:clip}.hero__slides{display:flex}.hero__dots{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;gap:8px}.hero__dot{background-color:#fff3;width:8px;height:8px;padding:0;border:none;border-radius:50%;cursor:pointer}.hero__dot:hover,.hero__dot--active{background-color:#fff}.hero__button{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;display:none;width:40px;height:40px;padding:0;border:none;border-radius:0;color:#fff;cursor:pointer}.hero__button:hover{color:#000}.hero__button--prev{left:10px}.hero__button--next{right:10px}@container (min-width: 550px){.hero__button{display:block}}