/**
 * Buttons
 */

.tgwc-button {
	display: inline-block;
	color: $body-color;
	text-align: center;
	vertical-align: middle;
	cursor: if($enable-pointer-cursor-for-buttons, pointer, null);
	user-select: none;
	background-color: transparent;
	border: $btn-border-width solid transparent;
	@include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);
	// @include transition($btn-transition);

	&:hover {
		color: $body-color;
		text-decoration: if($link-hover-decoration == underline, none, null);;
	}

	&.tgwc-button--small {
		font-size: 13px;
		padding: 4px 8px;
		line-height: 1.4;
	}

	&.tgwc-button--primary {
		background-color: $color__primary;
		color: $color__white;
		border-color: $color__primary;

		&:hover {
			background-color: darken($color__primary, 10%);
			color: $color__white;
			border-color: darken($color__primary, 10%);
		}
	}

	&.tgwc-button--warning {
		background: $color__yellow;
		color: $body-color;
		border-color: $color__yellow;

		&:hover {
			background: darken($color__yellow, 5%);
			border-color: $color__yellow;
		}
	}

	&.tgwc-button--danger {
		background: $color__red;
		color: $color__white;
		border-color: $color__red;

		&:hover {
			background: darken($color__red, 10%);
			border-color: $color__red;
		}
	}

	&.tgwc-button--link {
		background: transparent;
		border-color: transparent;
	}

}