Event Page Style with CSS

Hello!I'm having a really difficult time styling the events page as nothing seems to be responding except the type of text. This is what I have and here is a link. My questions are:

1. Can I style the "request a quote" button only?
2. Why is the second name ("Devon") center-aligned, while the first is not? --see picture attached
3. Can I have the thumbnails slightly smaller on mobile view?
4. Targeting the "Request a Quote" form for in-line

@DevonHarris Yes, you can with custom CSS. Please share site url to check.

/* Request a quote style */
.form-block .lightbox-handle {
   background: #f1f2f3;
   color: #000;
   font-size: 10px;
   padding: 10px 20px;
   border-radius: 20px;
   border: 1px solid green;
}

@tuanphan thank you so much, your answer worked for the button styling!

To fix the second heading, I just had to insert a text-align: left !important code into my css for eventlist title. However I'm still wondering if we can add a media query to make the thumbnail images (for events only) smaller on mobile view? Also is there a way to style the individual event pages? I'm unsure of the marker, as

.event-title

is not tagged properly (regarding individual event urls). Hoping you can assist!

https://tan-pepper-zgje.squarespace.com/upcoming-weddings

I'm also wondering if there is a way to style the individual events pages to look like this:note everything is center justified