@import "../base/less/mixins";

@button_color: #41a9d5;
@border_color: darken(@button_color, 15%);
@text_color: #FFFFFF;

@font_size: 1em;
@rounding: 0.25em;
@padding: 1em;

.ow-button-base {
	.clearfix();

	a {
		font-size: @font_size;
		text-align: center;
		padding: @padding @padding*2;
		display: inline-block;
		.gradient(@button_color, darken(@button_color, 10%), @button_color);
		border: 1px solid;
		border-color: lighten(@border_color, 2%) @border_color darken(@border_color, 3%) @border_color;

		text-decoration: none;
		color: @text_color;

		.rounded(@rounding);

		.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065)");
		text-shadow: 0 1px 0 rgba(0,0,0,0.05);

		line-height: 1em;

		span > img {
			height: 1.4em;
			width: auto;
			margin: -0.15em 0.75em 0 -0.75em;
			display: block;
			float: left;
		}

		&.ow-button-hover:hover {
			.gradient(lighten(@button_color, 2%), lighten(darken(@button_color, 10%), 2%), lighten(@button_color, 2%));
			border-color: lighten(lighten(@border_color, 2%), 2%) lighten(@border_color, 2%) darken(lighten(@border_color, 2%), 3%) lighten(@border_color, 2%);
			color: lighten(@text_color, 2%);
		}
	}



	/* All the special styles */

	&.ow-button-align-left {
		text-align: left;
	}

	&.ow-button-align-right {
		text-align: right;
	}

	&.ow-button-align-center {
		text-align: center;
	}

	&.ow-button-align-justify {
		a {
			display: block;
		}
	}
}