just type this css...
.slick-arrow{
display: none !important;
}
OR
.slick-next, .slick-prev {
display: none !important;
}
Note: you need to type '!important' over here otherwise the 'display:none' property doesn't apply on it and instead the default css of slick slider for arrow buttons will apply. now you can also go to js code of slick slider and write arrow:false. but the problem with this is that it will remove the function of moving the slides left and right through buttons. so this is proper thing to do if you want to hide the buttons but also have the functionality of arrow buttons so that you can assign them to other buttons. I hope this helped. upvote this answer if this helped and mark it as correct so that other people will get benefit from it!
Note: you need to type '!important' over here otherwise the
'display:none' property doesn't apply on it and instead the default
css of slick slider for arrow buttons will apply. now you can also
go to js code of slick slider and write arrow:false. but the problem
with this is that it will remove the function of moving the slides
left and right through buttons. so this is proper thing to do if you
want to hide the buttons but also have the functionality of arrow
buttons so that you can assign them to other buttons. I hope this
helped. upvote this answer if this helped and mark it as correct so
that other people will get benefit from it!