CSS for Extended Weather Link

Hello,

How do I change the look of the ‘Extended Forecast’ link in either the shortcode or the widget?

It is currently white and hard to see on some backgrounds. I found this:

.awesome-weather-more-weather-link { padding: 10px; margin: 0 10px; text-align: center; border-top: solid 1px rgba(255,255,255,0.5); clear: both; }
body .awesome-weather-wrap .awesome-weather-more-weather-link a,
.widget .awesome-weather-more-weather-link a { color: #fff; text-decoration: none; font-size: 0.8em; }

However, making changes to this doesn’t seem to have any effect. I would like the link to be a little large and black in color.

Thanks!