.display-inline-block{
	display: inline-block;
}

.display-block{
	display: block;
}

.display-contents{
	display: contents;
}

.display-table{
	display: table;
}

.lifetime-invalid {
	display: none;
	animation: none;
}

.lifetime-invalid:hover{
	animation: none !important;
	transform: none !important;
}

.lifetime header .btnLiftoffNew{
	display: block;
	width: 100%;
	max-width: 100%;
}

.lifetime header .btnLiftoffNew .btn-span-one{
	width: 90%;
	padding-right: 0px;
	padding-left: 0px;
}

.lifetime header .btnLiftoffNew .btn-span-two{
	width: 10%;
	padding-right: 0px;
	padding-left: 0px;
}


/* BUTTON OLD */

.btnLiftoffOld{
	padding: 15px 20px;
	font-size: 17px;
	border-radius: 5px;
	text-overflow: clip;
	font-weight: 500;
	text-align: center;
}

.btnLiftoffOld:hover{
	text-decoration: none;
	transform: scale(1.05);
	animation: none;
}

.btnLiftoffOld:active,.btnLiftoffOld:focus {
	color: initial;
}


/* BUTTON NEW */

.btnLiftoffNew{
	width:80%;
	margin-top: 20px;
	position: relative;
}

#cta-footer .btnLiftoffNew{
	width:auto;
	margin-top: 20px;
	position: relative;
}

.btn-span-one{
	display:inline-block;
	text-align:center;
	font-size:16px;
	text-decoration:none;
	padding: 15px 20px;
	border-radius:5px 0px 0px 5px;
	letter-spacing: 0.5px;
	vertical-align: top;
	cursor: pointer;
	font-weight: 400;
}

.btn-span-two{
	display:inline-block;
	font-size: 16px;
	color:#fff;
	padding:15px 20px;
	border-radius:0px 5px 5px 0px;
	cursor: pointer;
	text-align: center;
}

.btnLiftoffNew:hover{
	box-shadow: rgb(0 0 0 / 6%) 0 4px 12px !important;
	top: -1px !important;
	animation: none !important;
}

header .btnLiftoffNew{
	text-align: left;
}

.footer-above .btnLiftoffNew{
	margin: 0 auto;
}

@keyframes wiggle{0%{transform:rotate(0deg)}33%{transform:scale(1.02)}100%{transform:rotate(0deg)}}


/* WHEN BUTTON IS GREEN */

.btnGreen{
	background: #18c96e;
	color: #fff;
	box-shadow: 0 6px 0 0 #15a55a, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);
}

.btnLiftoffNew.btnGreen{
	box-shadow: none;
	background: none;
	text-decoration: none;
}

.btnGreen:hover,.btnGreen:active{
	color: #fff;
}

.btnGreen .btn-span-one{
	color:#fff;
	background-color:#18c96e;
	box-shadow: 0 2px 4px rgb(50 50 93 / 10%), 0 2px 2px rgb(0 0 0 / 7%);
}

.btnLiftoffNew.btnGreen .btn-span-one{
	box-shadow: none;
}

.btnGreen .btn-span-two{
	color:#fff;
	background:#15a55a;
	box-shadow: 0 2px 4px rgb(50 50 93 / 10%), 0 2px 2px rgb(0 0 0 / 7%);
}

.btnLiftoffNew.btnGreen .btn-span-two{
	box-shadow: none;
}

/* WHEN BUTTON IS ORANGE → remapped to brand primary */

.btnOrange{
	background: var(--owl-gradient);
	color: #fff;
	box-shadow: 0 6px 0 0 rgba(99,102,241,0.4), 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%);
}

.btnLiftoffNew.btnOrange{
	box-shadow: none;
	background: none;
	text-decoration: none;
}

.btnOrange:hover, .btnOrange:active{
	color: #fff;
}

.btnOrange .btn-span-one{
	color:#fff;
	background-color: var(--owl-primary);
	box-shadow: 0 2px 4px rgb(50 50 93 / 10%), 0 2px 2px rgb(0 0 0 / 7%);
}

.btnOrange .btn-span-two{
	color:#fff;
	background: var(--owl-secondary);
	box-shadow: 0 2px 4px rgb(50 50 93 / 10%), 0 2px 2px rgb(0 0 0 / 7%);
}

/* WHEN BUTTON KOALA MINT */

.btnKoala{
	background: #ff872b;
	color: #fff;
	box-shadow: 0 6px 0 0 #b9601c, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);
}

.btnLiftoffNew.btnKoala {
	box-shadow: none;
	text-decoration: none;
	font-family: 'fkg-mono';
	background-color: #2DBF6D !important;
	padding: 20px 40px;
	border-radius: 100px;
	font-size: 16px;
	text-align: center;
}

.btnLiftoffNew.btnKoala .fab{
	position: relative;
	top: 1px;
}

.btnLiftoffNew.btnKoala:focus{
	color: #FFF;
}

.btnKoala:hover, .btnKoala:active {
	box-shadow: 0 4px 15px 0 rgba(10,28,62,.2) !important;
	top: unset !important;
	color: #FFF;
}


/* WHEN BUTTON IS BLUE → remapped to brand primary */

.btnBlue{
	background: var(--owl-gradient);
	color: #fff;
	box-shadow: 0 6px 0 0 rgba(99,102,241,0.4), 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%);
}

.btnBlue:hover, .btnBlue:active{
	color: #fff;
}

.btnLiftoffNew.btnBlue{
	box-shadow: none;
	background: none;
	text-decoration: none;
}

.btnLiftoffNew.btnBlue .btn-span-one{
	color:#fff;
	background-color: var(--owl-primary);
	box-shadow: 0 2px 4px rgb(50 50 93 / 10%), 0 2px 2px rgb(0 0 0 / 7%);
}

.btnLiftoffNew.btnBlue .btn-span-two{
	color:#fff;
	background: var(--owl-secondary);
	box-shadow: 0 2px 4px rgb(50 50 93 / 10%), 0 2px 2px rgb(0 0 0 / 7%);
}



/* WHEN BUTTON IS PINK */

.btnPink{
	background: #EE6382;
	color: #fff;
	box-shadow: 0 6px 0 0 #a04257, 0 1px 3px 0 rgb(0 0 0 / 30%), 0 5px 10px 0 rgb(0 0 0 / 25%), 0 10px 10px 0 rgb(0 0 0 / 20%), 0 15px 20px 0 rgb(0 0 0 / 10%);
}

.btnPink:hover, .btnPink:active{
	color: #fff;
}


/* SIZES */

.btnBig{
	min-width: 400px;
	max-width: 500px;
}

.btnMedio{
	min-width: 300px;
	max-width: 400px;
}

.btnSmall{
	min-width: 200px;
	max-width: 300px;
}

/* POSITIONS */

#cta-footer .lifetime-invalid.display-block{
	margin: 0 auto;
}

/* MEDIA QUERIES */

@media (max-width: 1000px){

	.lifetime header .btnLiftoffOld.display-block {
		margin: 0 auto;
	}

}

@media (max-width: 770px){
	.btnLiftoffOld{
		font-size: 16px;
	}
}

@media (max-width: 600px){
	.btnBig,.btnMedio,.btnSmall{
		min-width: 0px;
	}

	.btn-span-one, .btn-span-two{
		font-size: 15px;
	}
}