How to move the arrows away from the blocks?

Question

css

Goodnight!
It is not possible to move the blocks away from the arrows, the text creeps on them. How can you move them away? In the settings of the slider itself, it is worth displaying 3 blocks at this screen resolution
Thank you in advance!

Answer 1

Open the code inspector and see how the arrows are positioned.
Change to something like left: -40px and right: -40px

.slick-prev {
    left: -40px;
}
.slick-next {
    right: -40px;
}

Answer 2

Try like this:

.slick-slide {
    margin: 0 30px;
}
.slick-list {
    margin: 0 -30px;
}