캐러셀 도트 바꾸는 방법

export const ReactSlick = styled(Slider)`

width: 100%;
height: 40vh;

.slick-list {
//슬라이드 스크린
width: 100%;
height: 100%;
overflow-x: hidden;

}
.slick-slide div {
//슬라이더 컨텐츠
cursor: pointer;
outline: none;
}
/ 슬라이드 dots 위치 잡기 /
.slick-dots {
display: flex;
justify-content: center;
width: 100%;
margin-bottom: 15px;
padding: 20px 0;
list-style-type: none;
/ 슬라이드 dots div 크기 /
li {
margin: 0 0.25rem;
width: 100px;
}
/ 슬라이드 dots 크기 /
button {
display: block;
width: 70px;
height: 10px;
padding: 0;
border: none;
border-radius: 20px;
background-color: blue;
text-indent: -9999px;
}
/ 슬라이드 현재 선택된 dots /
li.slick-active button {
background-color: #e0a29d;
}
}
`;