/* ==========================================================
   Chutio Global Buttons
========================================================== */

.chutio-button,
a.chutio-button,
button.chutio-button,
.elementor-button.chutio-button {

	display:inline-flex;
	align-items:center;
	justify-content:center;

	min-height:48px;
	padding:12px 20px;

	border:1px solid #E07A5F !important;
	border-radius:14px;

	background:#E07A5F !important;
	color:#FFFFFF !important;

	font-size:15px;
	font-weight:600;
	line-height:1;

	text-align:center;
	text-decoration:none;

	cursor:pointer;

	box-shadow:0 6px 16px rgba(224,122,95,.18);

	transition:
		background .2s ease,
		border-color .2s ease,
		color .2s ease,
		box-shadow .2s ease,
		transform .2s ease;
}


/* Hover */

.chutio-button:hover,
a.chutio-button:hover,
button.chutio-button:hover,
.elementor-button.chutio-button:hover {

	background:#CC6B52 !important;
	border-color:#CC6B52 !important;
	color:#FFFFFF !important;

	box-shadow:0 8px 20px rgba(224,122,95,.24);

	transform:translateY(-2px);

}


/* Active */

.chutio-button:active,
a.chutio-button:active,
button.chutio-button:active,
.elementor-button.chutio-button:active {

	transform:translateY(0);

	box-shadow:0 4px 10px rgba(224,122,95,.16);

}


/* ==========================================================
   Chutio Secondary Button
========================================================== */

.e-button-base.chutio-button-secondary {

	background:#FFFFFF !important;

	color: #E07A5F !important;

	border-color:#E5E7EB !important;

	box-shadow:none !important;

}


.e-button-base.chutio-button-secondary:hover {

	background:#FFFFFF !important;

	color:#E07A5F !important;

	border-color:#E07A5F !important;

	box-shadow:0 6px 16px rgba(224,122,95,.10) !important;

	transform:translateY(-2px);

}


.e-button-base.chutio-button-secondary .e-button-text {

	color:#E07A5F !important;

}


.e-button-base.chutio-button-secondary:hover .e-button-text {

	color:#E07A5F !important;

}


/* Mobile */

@media (max-width:768px){

	.chutio-button,
	a.chutio-button,
	button.chutio-button,
	.elementor-button.chutio-button {

		min-height:46px;
		padding:11px 18px;
		font-size:14px;

	}

}

/* ==========================================================
   Elementor Button Alignment
========================================================== */

.elementor-button.chutio-button,
a.elementor-button.chutio-button {

	display:inline-flex !important;

	align-items:center !important;
	justify-content:center !important;

	height:48px !important;
	min-height:48px !important;

	padding:0 20px !important;

	box-sizing:border-box !important;

	text-align:center !important;

}


.elementor-button.chutio-button .elementor-button-content-wrapper {

	display:flex !important;

	align-items:center !important;
	justify-content:center !important;

	gap:8px;

	width:auto !important;

	margin:0 !important;
	padding:0 !important;

}


.elementor-button.chutio-button .elementor-button-text {

	display:block !important;

	margin:0 !important;
	padding:0 !important;

	line-height:1.2 !important;

	text-align:center !important;

}

/* ==========================================================
   Chutio Button - Elementor
========================================================== */

.e-button-base.chutio-button {

	display:inline-flex !important;

	align-items:center !important;
	justify-content:center !important;

	height:48px !important;
	min-height:48px !important;

	padding:0 20px !important;

	box-sizing:border-box !important;

	text-align:center !important;

}


.e-button-base.chutio-button .e-button-text {

	display:flex !important;

	align-items:center !important;
	justify-content:center !important;

	margin:0 !important;
	padding:0 !important;

	line-height:1.2 !important;

	text-align:center !important;

}

.e-button-base.chutio-button,
.e-button-base.chutio-button-secondary {

	border-radius:14px !important;

}

/* ==========================================================
   Phone Button
   Hide on desktop
========================================================== */

@media (min-width:769px){

	.e-button-base.chutio-button-phone{
		display:none !important;
	}

}

@media (max-width:768px){

	.e-button-base.chutio-button-desktop-phone{
		display:none !important;
	}

}