View list button Css

Hi guys. I have tried for two hours.. trying to get the View list button to look like the “to the right button. Pic attached. How do I get the view button. Each time I try to change the css in the elements the google element thing.. “strikes” through the css” “)

https://everythingagricultural.com/events/

Here is the Css for the “right” button:

#geodir_wrapper .geodir-event-filter select {
padding: 4px 10px 5px 10px;
font-size: 13px;
line-height: 1.428571429;
font-weight: normal;
color: #004f1b;
/* background-color: #004e1b; */
background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: -webkit-linear-gradient(top, #ffec81, rgb(236, 183, 95));
background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
border: 1px solid #c9a72e;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 9px 2px rgba(76, 74, 71, 0.1);
display: block;
width: 150px;
font-family: ‘Open Sans’,sans-serif;
}