%button {
	display: inline-block;
	padding: 7px 20px;
        margin-left: 5px;
        margin-right: 5px;
        margin-bottom: 10px;

    &.button-small {
        padding: 3px 10px;
        font-size: $core-font-size - 0.1rem;
    }

}

@mixin button-color($color) {
	background: $color;
    color: $white;
	border: 1px solid $color;
	&:hover {
		background: $white;
        color: $color;
	}
	&:active {
		box-shadow: 0 1px 0 darken($color, 12%);
	}
}