.bt,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	position: relative;
	display: inline-block;
	@include button-size($height__input, 22px, 15px);
	font-weight: 400;
	border: solid 2px transparent;
	white-space: nowrap;
	@include button-variant(var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent),#fff, #444, #444);
	@include border-radius(4px);
	@include transition(color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out);
	text-transform: capitalize;
	&:hover {
		cursor: pointer;
	}

	&:focus {
		outline: none;
		@include box-shadow(none);
	}
	&:disabled {
		opacity: 0.65;
		cursor: default;
	}


}

.bt {
	&.layout-primary {
		@include button-variant(var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent),#fff, #444, #444);
	}

	&.layout-trans-white {
		@include button-variant(#fff, transparent, #fff,var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent));
	}

	&.layout-trans-dark {
		@include button-variant(#333, transparent, #444,var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent));
	}

	&.layout-dark {
		@include button-variant(#fff, #444, #444,var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent));
	}

	&.layout-gray{
		@include button-variant(#444, #fdfcfc, #fdfcfc,#fff, #444, #444);
	}

	&.layout-light{
		@include button-variant(#444, #fff, #fff,var(--g5-color-accent-foreground), var(--g5-color-accent), var(--g5-color-accent));
	}

	&.bt-mini {
		@include button-size(30px, 22px, 14px);
	}

	&.bt-small{
		@include button-size(38px, 22px, 14px);
	}

	&.bt-medium{
		@include button-size($height__input, 22px, 15px);
	}

	&.bt-ext-medium{
		@include button-size(55px, 35px, 15px);
	}

	&.bt-large{
		@include button-size(58px, 40px, 18px);
	}

	&.bd-radius{
		@include border-radius(4px);
	}
}


.pithree-btn-primary,
.pithree-btn-white{
	@include transition(all 0.15s !important);
}
.pithree-btn-primary{
	@include button-variant(var(--g5-color-accent-foreground) !important, var(--g5-color-accent) !important, var(--g5-color-accent) !important,#222 !important, #fff !important, #fff !important);
}
.pithree-btn-white{
	@include button-variant(#222 !important, #fff !important, #fff !important,var(--g5-color-accent-foreground) !important, var(--g5-color-accent) !important, var(--g5-color-accent) !important);
}
.tparrows:hover{
	background: var(--g5-color-accent) !important;
}
.pithree-title-20-primary{
	color: var(--g5-color-accent) !important;
}