/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 11 2026 | 12:15:26 */

/* Green button */
.site_btn.green::before {
	background-color: #3efea6;
}

/* Mobile green button perfect fit */
@media only screen and (max-width: 767px) {
	.site_btn.green {
		display: inline-flex;
		align-items: center;
	}
	
	.site_btn.green::before {
		width: 42px !important;
		height: 42px !important;
		min-width: 42px;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		display: inline-flex;
		vertical-align: middle;
		border-radius: 50px;
		margin-right: -29px;
		/* joins circle with button */
		z-index: 2;
	}
	
	.site_btn.green .elementor-button {
		height: 42px !important;
		padding: 0 22px 0 18px !important;
		border-radius: 50px !important;
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}
}

/* MOBILE OPTIMIZED BUTTON */
@media (max-width:767px) {
	.site_btn {
		position: relative;
		display: inline-block;
		width: auto !important;
	}
	
	/* Main Button */
	.site_btn .elementor-button {
		min-width: 125px !important;
		height: 42px !important;
		padding: 0 18px 0 52px !important;
		border-radius: 50px !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		position: relative !important;
		overflow: hidden !important;
	}
	
	/* Text */
	.site_btn .elementor-button-text {
		position: relative;
		z-index: 3;
		font-size: 13px !important;
		line-height: 1 !important;
		white-space: nowrap;
		margin-left: 6px !important;
	}
	
	/* Icon Circle */
	.site_btn::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0;
		width: 42px !important;
		height: 42px !important;
		border-radius: 50%;
		background-size: 16px !important;
		background-repeat: no-repeat !important;
		background-position: center center !important;
		z-index: 2;
		transition: all .3s ease;
	}
	
	/* Stop Full Expand on Hover */
	.site_btn:hover::before {
		width: 42px !important;
	}
	
	/* Colors */
	.site_btn.pink::before {
		background-color: #fe3f98;
	}
	
	.site_btn.blue::before {
		background-color: #5f75ff;
	}
	
	.site_btn.yellow::before {
		background-color: #fdd667;
	}
}

/* Mobile */
@media (max-width:767px) {
	.it_green .elementor-heading-title {
		font-size: 20px !important;
	}
	
	.it_blue .elementor-heading-title {
		font-size: 20px !important;
	}
}

/* Mobile only */
@media only screen and (max-width: 767px) {
	.it_green.elementor-widget-heading h2, .it_green .elementor-heading-title {
		font-size: 1.8rem !important;
		line-height: 1.2 !important;
	}
}