// Buttons
.btn-red900 {
  @include button-variant($btn-red900-color, $btn-red900-bg, $btn-red900-border);
}
.btn-white {
  @include button-variant($btn-white-color, $btn-white-bg, $btn-white-border);
}
.btn-bluegrey900 {
  @include button-variant($btn-bluegrey900-color, $btn-bluegrey900-bg, $btn-bluegrey900-border);
}

button.navbar-toggler div {
	font-family: 'Ubuntu', sans-serif;
	font-size: 1rem;
	display: inline-block;
	position: relative;
	top: -4px;
}

.btn {
	height: 36px;
	text-transform: uppercase;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15), 0 1px 2px 0 rgba(0, 0, 0, .25);
	transition: box-shadow .25s ease-in-out;
	&:hover {
		box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .15), 0 3px 6px 0 rgba(0, 0, 0, .25);
		transition: box-shadow .25s ease-in-out;
	}
	@include media-breakpoint-down(sm) {
		font-size: .875rem;
	}
}

.btn-outline-primary,
.btn-outline-secondary {
	transition: background-color .25s ease-in-out;
	&:hover {
		transition: background-color .25s ease-in-out;
	}
}

.btn-xlg {
	height: 72px;
	margin: 0 36px;
	padding-top: 16px;
}

.btn-lg {
	height: 48px;
	margin: 0 24px;
	@include media-breakpoint-down(sm) {
		height: 36px;
		margin: 0 8px;
		padding: 1rem;
		font-size: .875rem;
		line-height: 0;
	}
}

.btn-md {
	font-size: 0.875rem;
	line-height: 1.25rem;
	padding: .4rem 1rem .5rem 1rem;
}

.btn-block {
	margin: 0 0 1.5rem 0;
	@include media-breakpoint-up(md) {
		margin: 0 0 2rem 0;	
	}
	@include media-breakpoint-down(xs) {
		font-size: .875rem;
		line-height: 0;
	}
}

button:focus {
	outline: none;
}

// Top navigation Donate Button //
.btn-donate {
	margin-top: 18px;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	padding: 3px 16px 0 5px;
	@include media-breakpoint-up(lg) {
		margin-top: 29px;
	}
	svg {
		vertical-align: -7px;
		margin-right: 5px;
	}
}