.button{
padding: 5px 13px;
text-align: center;
display: inline-block;
color: #aaa;
border: 2px solid;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
}
.button.filled{
border: 0;
}
.button.grey{
color: #aaaaaa;
}
.button.grey.filled{
background: #aaaaaa;
color: #fff;
}
.button.yellow{
color: #ffc000;
}
.button.yellow.filled{
background: #ffc000;
color: #fff;
}
.button.black{
color: #151515;
}
.button.black.filled{
background: #151515;
color: #fff;
}
.button.red{
color: #f23838;
}
.button.red.filled{
background: #f23838;
color: #fff;
}
.button.orange{
color: #ff8949;
}
.button.orange.filled{
background: #ff8949;
color: #fff;
}
.button.green{
color: #5be8c2;
}
.button.green.filled{
background: #5be8c2;
color: #fff;
}
.button.blue{
color: #304393;
}
.button.blue.filled{
background: #304393;
color: #fff;
}
.button.purple{
color: #b588ca;
}
.button.purple.filled{
background: #b588ca;
color: #fff;
}
.button.white{
color: #ffffff;
}
.button.white.filled{
background: #ffffff;
color: #151515;
}
.demo-btns a{
margin:10px;
}
.demo-btns a:first-of-type{
margin-left: 0px;
}