How to resize 'view event' buttons on mobile view

Link: https://earthworm-walrus-3spz.squarespace.com/schedule

Password: Felix

Hi, 

I added code to replicate the 'view event' buttons for my upcoming events (as I know Squarespace have an issue that these don't show up automatically, only for past events). 

The buttons match up perfectly on desktop, but on the mobile view they are now different sizes (see screenshot attached). 

Is there CSS so that I can resize the mobile 'view event' buttons for the past events to be small similar to my upcoming events?

Thank you! 

Poppy

Password is incorrect

Sorry, password is: felix 

all lower case

Thank you 

Design > Custom CSS

@media screen and (max-width:767px) {
.sqs-events-collection-list .eventlist .eventlist-event .eventlist-excerpt a {
    font-size: 20px;
    padding: 1.5em 3em !important;
}
}