Summary Carousel Block - padding between summary items

Hello, 

I've added a summary carousel block to my page here: https://railwayhotelgosford.com.au/whatson

However, I'm looking for a way to add more padding between each summary item. If I just add CSS margin to the .summary-item, it adds space between the summary items, which is what i want, but the third one gets cut off. I want 3 items to display per carousel scroll. 

Is there also any code I can add in, to ensure the gold 'book now' button are always vertically aligned - no matter how much content is in the summary excerpt?

Thanks 

You try using Custom CSS code like this

@media screen and (min-width:992px) {
div#block-yui_3_17_2_1_1694285073162_46035 .summary-item {
    width: 25% !important;
    margin-left: 3% !important;
    margin-right: 3% !important;
}
}