Some Media css styles are too generic and affect other non-media elements.

media.css includes the following css, which is too generic and affects elements that have nothing to do with media, causing an inconsistant browsing experience in some cases.

a.button {
  display: inline-block;
  margin: 10px 5px 0 0;
}

So on pages where media.css is loaded, any link with the .button class gets the above styling. This css should be more targeted towards the elements that is supposed to effect, which presumably are some elements provided by the media module?