Delete Space Between Collection Cards (DAWN Theme)

[Gorben]

Hello, I am trying to customize a bit more the Web Page I have preview and I am trying to make the Cards in the Home Page part to look like this (original web: shirtz.cool)

I want the collection of products to be all without spaces and with that button type of design but I cannot find where and how to make it. I have coding knowledge (not in shopify) and I would like to learn.

EDIT: MORE INFORMATION ADDED -

This is the section that I want to change (it's a collection):

Thank you!

[Acme]

HI, @Gorben 
1. Go to online store -> theme -> edit code.
2. Open compenent-slider.css
@media screen and (min-width: 990px) {
  .slider-component-full-width .slider--desktop {
    scroll-padding-left: 1.5rem;

    gap: 0 !important;
  }
}

[Gorben]

Hello, I have tried it but it stills get the same.

I add more information:

 Here is a preview of the new design in DAWN: preview

 I have changed in the following code the thing you said:

And this is the section that I want to change (it's a collection):

[Gorben]

I will indeed buy you a Pizza 😊 thank you!

Another question that is linked in the Post, to Remove the Below card black space and only put the Image of the product with a button? like in the photo up in the post!

Thanks

[Gorben]

It worked! But 2 concerns, now all the cards are changed (I only want it different in home page) and also, how can I make that button smaller?

Thank you!

[Gorben]

I have done that and doesn't change anything new. 

The thing is that I want to specify that I want the cards from the main page only done like that. When I go to other parts of the web I want to mantain it as it was.

[Gorben]

But how do I add or assign that class to the buttons I want? also the card is also the one that needs a change to make it modify only those specific ones. Thank you