Utilize o conceito de oocss, que nada mais é que criar snippets de css modularizados, por exemplo: https://jsfiddle.net/Lav1xpha/
.button {
display: inline-block;
padding: 10px 20px;
background-color: #ccc;
color: #333;
text-decoration: none;
white-space: nowrap;
border-radius: 5px;
}
.button:focus,
.button:active,
.button:hover {
outline: 0;
color: #fff;
}
.button-danger {
background-color: #e74c3c;
color: #fff;
}
.button-danger:hover {
background-color: #c0392b;
}
Aqui foi criado um exemplo bem simples, mas que demonstra um componente que você pode inclui-lo em diversas páginas quantas vezes quiser. e se você precisar criar um botão personalizado, basta criar apenas uma nova classe que sobrescreve a aparência desse botão, mas sem prejudicar os demais, obviamente, quando se usa essa abordagem, você jamais sobrescreve as classes principais, se não compromete todo o seu trabalho.
Indico ler alguns excelentes livros sobre esse assunto, e a respeito de nomenclaturas de classe css que facilitam essa abordagem de css modularizado:
BEM - Artigo, outro artigo.
SMACSS - Artigo.
ITCSS - Slide.