.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:2px solid transparent; line-height:normal; padding:0.5rem 1rem; text-align:center;
	font-size:1rem; display:inline-block; position:relative; cursor:pointer; z-index:5;
	font-weight:400; background-color:transparent;
	transition-property:color, border-color, background-color; transition-duration:300ms;
	vertical-align:middle; border-radius:0;
}
.btn > .btn-txt::before {
	content:""; position:absolute; z-index:-1; top:-2px; left:-2px; right:-2px; bottom:-2px;
	background-color:transparent;
	-webkit-transform:scaleX(0); transform:scaleX(0);
	-webkit-transform-origin:0 50%; transform-origin:0 50%;
	-webkit-transition-property:transform; transition-property:transform;
	-webkit-transition-duration:0.3s; transition-duration:0.3s;
	-webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;
}
.btn.hover-inner > .btn-txt::before,
.btn.hash-btn > .btn-txt::before {
	top:0; left:0; right:0; bottom:0;
}
.btn:hover > .btn-txt::before {
	-webkit-transform:scaleX(1); transform:scaleX(1);
}
.btn:not([class*="fa-"])::after { font-family:"Font Awesome 6 Pro"; content:"\f054"; margin-left:1rem; }

.btn.btn1 { color:#0B1216; border-color:#0B1216; background-color:transparent; }
.btn.hover1:hover { color:#0B1216; }
.btn.hover1 > .btn-txt::before { background-color:#0B1216; }

.btn.btn2 { color:#FFF; border-color:#FFF; background-color:transparent; }
.btn.hover2:hover { color:#FFF; }
.btn.hover2 > .btn-txt::before { background-color:#0B1216; }

.btn.btn3 { color:#0B1216; border-color:#81a969; background-color:#81a969; }
.btn.hover3:hover { color:#0B1216; }
.btn.hover3 > .btn-txt::before { background-color:#81a969; }

.btn.btn4 { color:#FFF; border-color:#0B1216; background-color:#0B1216; }
.btn.hover4:hover { color:#FFF; }
.btn.hover4 > .btn-txt::before { background-color:#0B1216; }

.btn.btn6 { color:#0B1216; border-color:#FFF; background-color:#FFF; }
.btn.hover6:hover { color:#0B1216; }
.btn.hover6 > .btn-txt::before { background-color:#FFF; }

.btn.btn7 { color:#FFF; border-color:#81a969; background-color:#81a969; }
.btn.hover7:hover { color:#FFF; }
.btn.hover7 > .btn-txt::before { background-color:#81a969; }

.btn.btn8 { color:#FFF; border-color:#666; background-color:#666; }
.btn.hover8:hover { color:#FFF; }
.btn.hover8 > .btn-txt::before { background-color:#666; }

.btn.btn9 { color:#FFF; border-color:#9EA8AD; background-color:#9EA8AD; }
.btn.hover9:hover { color:#FFF; }
.btn.hover9 > .btn-txt::before { background-color:#9EA8AD; }

.btn.btn10 { color:#81a969; border-color:#81a969; background-color:transparent; }
.btn.hover10:hover { color:#81a969; }
.btn.hover10 > .btn-txt::before { background-color:#fff; }
/*
.btn {
	border:2px solid transparent; line-height:normal; padding:0.5rem 1rem; text-align:center;
	font-size:1rem; display:inline-block; position:relative; cursor:pointer; z-index:5;
	font-weight:400; background-color:transparent; text-transform:uppercase;
	transition-property:color, border-color, background-color; transition-duration:300ms;
	vertical-align:middle; border-radius:0;
	
	-webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0);
	box-shadow:0 0 1px rgba(0, 0, 0, 0);
}
.btn.hash-btn { border-width:0 2px; padding-top:0.75rem; padding-bottom:0.75rem; }
.btn > .cross-lines { display:none; }
.btn.hash-btn > .cross-lines {
	position:absolute; display:block; left:-7px; right:-7px; top:5px; bottom:5px; 
	border-style:solid; border-width:2px 0; z-index:-10;
}
.btn > .btn-txt::before {
    content:""; position:absolute; z-index:-1; top:-2px; left:-2px; right:-2px; bottom:-2px;
    background-color:transparent;
    -webkit-transform:scaleX(0); transform:scaleX(0);
    -webkit-transform-origin:0 50%; transform-origin:0 50%;
    -webkit-transition-property:transform; transition-property:transform;
    -webkit-transition-duration:0.3s; transition-duration:0.3s;
    -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;
}
.btn.hover-inner > .btn-txt::before { top:0; left:0; right:0; bottom:0; }
.btn.hash-btn > .btn-txt::before { top:5px; left:-2px; right:-2px; bottom:5px; }
.btn:hover > .btn-txt::before, 
.btn:focus > .btn-txt::before, 
.btn:active > .btn-txt::before {
    -webkit-transform:scaleX(1);
    transform:scaleX(1);
}
.btn:not([class*="fa-"])::after { font-family:"Font Awesome 6 Pro"; content:"\f054"; margin-left:1rem; }
.btn.btn-lg {  }
.btn.btn-xl {  }
.btn.btn-sm {  }
.btn.btn-xs {  }

.btn.btn1, .btn.hover1:hover { color:#0B1216; border-color:#0B1216; background-color:transparent; }
.btn.btn1 > .cross-lines { border-color:#0B1216; }

.btn.btn2, .btn.hover2:hover { color:#FFF; border-color:#FFF; background-color:transparent; }
.btn.btn2 > .cross-lines { border-color:#FFF; }

.btn.btn3 { color:#0B1216; border-color:#81a969; background-color:#81a969; }
.btn.hover3:hover { color:#0B1216; }
.btn.hover3 > .btn-txt::before { background-color:#81a969; }

.btn.btn4 { color:#FFF; border-color:#0B1216; background-color:#0B1216; }
.btn.btn4 > .cross-lines { border-color:#0B1216; }
.btn.hover4:hover { color:#FFF; }
.btn.hover4 > .btn-txt::before { background-color:#0B1216; }

.btn.btn5, .btn.hover5:hover { color:#81a969; border-color:#81a969; background-color:transparent; }

.btn.btn6 { color:#0B1216; border-color:#FFF; background-color:#FFF; }
.btn.hover6:hover { color:#0B1216; }
.btn.hover6 > .btn-txt::before { background-color:#FFF; }

.btn.btn7 { color:#FFF; border-color:#81a969; background-color:#81a969; }
.btn.hover7:hover { color:#FFF; }
.btn.hover7 > .btn-txt::before { background-color:#81a969; }

.btn.btn8 { color:#FFF; border-color:#666; background-color:#666; }
.btn.hover8:hover { color:#FFF; }
.btn.hover8 > .btn-txt::before { background-color:#666; }

.btn.btn9 { color:#FFF; border-color:#9EA8AD; background-color:#9EA8AD; }
.btn.hover9:hover { color:#FFF; }
.btn.hover9 > .btn-txt::before { background-color:#9EA8AD; }
*/
 

.link-1 { text-transform:uppercase; font-weight: 300; }
.link-1::after {
	content:"\f054"; font-family:"Font Awesome 6 Pro"; margin-left:0.5rem; opacity:0;
	transition-property:opacity; transition-duration:.4s;
}
.link-1:hover::after { opacity:1; }

@media (max-width:768px) {
	.link-1::after { opacity:1 !important; }
}