Customizing the Events Page in Squarespace 7.1

I've been working on a website and am trying to redesign the events page. Currently, I have it set up into 3 4 columns. I'd like to have the image, name, date, time and a button to view the event.

I'd love to be able to change the color of any button that shows upon the events page. Help is appreciated.

My current css looks like:
/* event columns */
@media screen and (min-width:50px) {
.eventlist.eventlist--upcoming {
    display: grid;
  column-gap: 25px;
  row-gap: 25px;
    grid-template-columns: repeat(4,3fr);
}
.eventlist.eventlist--upcoming img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
.eventlist-column-thumbnail {
    background-color: transparent;
    width: 100% !important;
    padding-bottom: 100% !important;
}
.eventlist-event {
    flex-direction: column;
    justify-content: center;
    margin-top: 0 !important;
}
.eventlist-column-info {
    width: 100% !important;
    margin: 10px !important;
}
}

Can you share link to an event? We can check easier