When SVGs starting looking weird on your website, it might be because their styles are being overwritten.
Stylesheets can get out of control really quickly. Here's the approach I use to stay organized.
It seems looping background videos are the new thing. But you don't have to serve up the video on your server. Let's use a YouTube video to accomplish it!
Sometimes you need to target more than just the last child in a series of HTML elements. Learn how to target the last n number of elements here.
You can add JavaScript and CSS files to your master page if you want to overwrite some default styles or add some functionality via a new script.
When you can't use a JavaScript or CSS concatenater, this method can be useful for adding scripts and styles to your site on the fly.
A few references for styling buttons with CSS. I'll also point you to a couple CSS frameworks.
CSS files are notorious for very quickly growing long, jumbled and confusing. Here's how I stay organized