.btn-group {
	display:flex; flex-wrap: wrap; align-items: center;
	margin-left:-0.75rem; margin-right:-0.75rem; margin-bottom:-1.5rem;
}
.btn-group.center { justify-content: center; }
.btn-group > a,
.btn-group > button {
	margin-left:0.75rem; margin-right:0.75rem; margin-bottom:1.5rem;
}
.btn-group.btn-gap-no { margin-left:0; margin-right:0; margin-bottom:0; }
.btn-group.btn-gap-no > a,
.btn-group.btn-gap-no > button {
	margin-left:0; margin-right:0; margin-bottom:0;
}
.btn-group.btn-gap-xs { margin-left:-0.25rem; margin-right:-0.25rem; margin-bottom:-1rem; }
.btn-group.btn-gap-xs > a,
.btn-group.btn-gap-xs > button {
	margin-left:0.25rem; margin-right:0.25rem; margin-bottom:1rem;
}
.btn-group.btn-gap-sm { margin-left:-0.5rem; margin-right:-0.5rem; margin-bottom:-1.25rem; }
.btn-group.btn-gap-sm > a,
.btn-group.btn-gap-sm > button {
	margin-left:0.5rem; margin-right:0.5rem; margin-bottom:1.25rem;
}
.btn-group.btn-gap-lg { margin-left:-1.25rem; margin-right:-1.25rem; margin-bottom:-1.75rem; }
.btn-group.btn-gap-lg > a,
.btn-group.btn-gap-lg > button {
	margin-left:1.25rem; margin-right:1.25rem; margin-bottom:1.75rem;
}
.btn-group.btn-gap-xl { margin-left:-2rem; margin-right:-2rem; margin-bottom:-2rem; }
.btn-group.btn-gap-xl > a,
.btn-group.btn-gap-xl > button {
	margin-left:2rem; margin-right:2rem; margin-bottom:2rem;
}
.btn {
	border:3px solid transparent; line-height:1rem; padding:0.75rem 1.5rem; text-align:center;
	font-size:1rem; display:inline-block; position:relative; cursor:pointer;
	font-weight:600; background-color:transparent; text-transform:none;
	transition-property:color, border-color, background-color; transition-duration:400ms;
	vertical-align:middle; border-radius:0;
}
.btn.wrap { white-space:normal; }
.btn.btn-lg {  }
.btn.btn-xl {  }
.btn.btn-sm { padding:0.5rem 1rem; border-width: 2px; }
.btn.btn-xs { padding:0.25rem 0.5rem; border-width: 1px; }

.btn.btn1, .btn.hover1:hover { color:#FFF; border-color:#00A7D2; background-color:#00A7D2; }
.btn.btn2, .btn.hover2:hover { color:#FFF; border-color:#0066A6; background-color:#0066A6; }
.btn.btn3, .btn.hover3:hover { color:#FFF; border-color:#FFF; background-color:transparent; }
.btn.btn4, .btn.hover4:hover { color:#00A7D2; border-color:#FFF; background-color:#FFF; }
.btn.btn5, .btn.hover5:hover { color:#0066A6; border-color:#0066A6; background-color:transparent; }
.btn.btn6, .btn.hover6:hover { color:#FFF; border-color:#F9AE42; background-color:#F9AE42; }
.btn.btn7, .btn.hover7:hover { color:#00A7D2; border-color:#00A7D2; background-color:transparent; }
.btn.btn8, .btn.hover8:hover { color:#0066A6; border-color:#FFF; background-color:#FFF; }
.btn.btn9, .btn.hover9:hover { color:#00A7D2; border-color:#00A7D2; background-color:#FFF; }