How add spaces between Slick carousel item

Question

I want to add space between two slick carousel items, but not want the space with padding, because it\'s reducing my element size(and I don\'t want that).

Answer 1

An improvement based on the post by Dishan TD (which removes the vertical margin as well):

  .slick-slide{
    margin-left:  15px;
    margin-right:  15px;
  }

  .slick-list {
    margin-left: -15px;
    margin-right: -15px;
    pointer-events: none;
  }

Note: the pointer-events was necessary in my case, to be able to click on the left arrow.