/*==================================================
J-Tech Buttons
Version:1.0.0
==================================================*/


/*==================================================
Base Button
==================================================*/

.jtr-btn{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	gap:10px;

	height:52px;

	padding:0 24px;

	border:none;

	border-radius:14px;

	cursor:pointer;

	font-size:15px;

	font-weight:600;

	text-decoration:none;

	transition:all .30s ease;

	box-shadow:none;

	outline:none;

}


/*==================================================
Icons
==================================================*/

.jtr-btn i{

	font-size:16px;

}


/*==================================================
Primary
==================================================*/

.jtr-btn-primary{

	background:var(--jtr-primary);

	color:#fff;

}

.jtr-btn-primary:hover{

	background:var(--jtr-primary-dark);

	transform:translateY(-2px);

	box-shadow:0 12px 25px rgba(217,4,41,.30);

}


/*==================================================
Dark
==================================================*/

.jtr-btn-dark{

	background:#111827;

	color:#fff;

}

.jtr-btn-dark:hover{

	background:#000;

	transform:translateY(-2px);

}


/*==================================================
Success
==================================================*/

.jtr-btn-success{

	background:var(--jtr-success);

	color:#fff;

}

.jtr-btn-success:hover{

	filter:brightness(.92);

}


/*==================================================
Danger
==================================================*/

.jtr-btn-danger{

	background:var(--jtr-danger);

	color:#fff;

}

.jtr-btn-danger:hover{

	filter:brightness(.92);

}


/*==================================================
Outline
==================================================*/

.jtr-btn-outline{

	background:#fff;

	border:1px solid var(--jtr-border);

	color:var(--jtr-text);

}

.jtr-btn-outline:hover{

	border-color:var(--jtr-primary);

	color:var(--jtr-primary);

}


/*==================================================
Full Width
==================================================*/

.jtr-btn-block{

	width:100%;

}


/*==================================================
Disabled
==================================================*/

.jtr-btn:disabled{

	opacity:.6;

	cursor:not-allowed;

	transform:none;

	box-shadow:none;

}