/*****

Full Link Callout (With Icon and Color Swap)

*****/

A[class^="oc-rteElement"][class*="-btn-lg"] {
	background: gray;
	border: 0px;
	border-radius: 8px;
	font-size: 15px;
	font-weight: 700;
	margin: 0 0 30px 0;
	overflow: hidden;
	padding: 25px 66px 25px 100px;
	position: relative;
	text-align: left;
	transition: all 0.2s ease-in-out;
	width: 100%;
}

A[class^="oc-rteElement"][class*="-btn-lg"]:hover {
	background: darkgray;
}

A[class^="oc-rteElement"][class*="-btn-lg"]::before,
A[class^="oc-rteElement"][class*="-btn-lg"]::after	{
	content:'';
	align-items: center;
	display: flex;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	height: 100%;
	justify-content: center;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	text-rendering: auto;
	top: 0;
	transition: all 0.2s ease-in-out;
	-webkit-font-smoothing: antialiased;
}

A[class^="oc-rteElement"][class*="-btn-lg"]::before {
	content: "\f0c1";
	background: #333;
	font-size: 30px;
	left: 0;
	width: 75px;
}

A[class^="oc-rteElement"][class*="-btn-lg"]::after {
	content: "\f054";
	font-size: 22px;
	right: 25px;
}

A[class^="oc-rteElement"][class*="-btn-lg"]:hover::after {
	right: 20px;
	transition: all 0.2s ease-in-out;
}

/***** Color Swap *****/

A[class^="oc-rteElement"][class*="-btn-lg"].green::before { background: #00492b; }
A[class^="oc-rteElement"][class*="-btn-lg"].green { background: #009448; }
A[class^="oc-rteElement"][class*="-btn-lg"].green:hover { background: #006a34; }
A[class^="oc-rteElement"][class*="-btn-lg"].orange::before { background: #803300; }
A[class^="oc-rteElement"][class*="-btn-lg"].orange { background: #bd550f; }
A[class^="oc-rteElement"][class*="-btn-lg"].orange:hover { background: #df5f1e; }
A[class^="oc-rteElement"][class*="-btn-lg"].blue::before { background: #005089; }
A[class^="oc-rteElement"][class*="-btn-lg"].blue { background: #009ad9; }
A[class^="oc-rteElement"][class*="-btn-lg"].blue:hover { background: #006fb9; }

/***** Icon Swap *****/

A[class^="oc-rteElement"][class*="-btn-lg"].alert::before { content: "\f06a"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].audio::before { content: "\f028"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].calculator::before { content: "\f1ec"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].calendar::before { content: "\f073"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].check::before { content: "\f00c"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].dashboard::before { content: "\f0e4"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].document::before { content: "\f15c"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].email::before { content: "\f003"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].excel::before { content: "\f1c3"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].gallery::before { content: "\f03e"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].hours::before { content: "\f017"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].info::before { content: "\f05a"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].laptop::before { content: "\f109"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].list::before { content: "\f03a"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].link::before { content: "\f0c1"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].medkit::before { content: "\f0fa"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].mobile::before { content: "\f10b"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].money::before { content: "\f155"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].news::before { content: "\f1ea"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].new.user::before { content: "\f234"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].pdf::before { content: "\f1c1"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].pen::before { content: "\f040"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].pencil::before { content: "\f040"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].phone::before { content: "\f095"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].printer::before { content: "\f02f"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].question::before { content: "\f059"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].search::before { content: "\f002"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].user::before { content: "\f007"!important; }
A[class^="oc-rteElement"][class*="-btn-lg"].users::before { content: "\f0c0"!important; }


/***** Media Queries *****/

@media screen and (max-width: 450px) {

	A[class^="oc-rteElement"][class*="-btn-lg"]::before,
	A[class^="oc-rteElement"][class*="-btn-lg"]::after {
		display: none;
	}
	A[class^="oc-rteElement"][class*="-btn-lg"] {
		background: #009448!important;
		font-weight: 600;
		padding: 15px;
		text-align: center;
	}

}