/**
 * Theme Name:     Work Together
 * Author:         The Manifestor
 * Template:       Divi
 * Text Domain:	   work-together
 * Description:    Smart. Flexible. Beautiful. Work Together Child Theme
 * Version:        001.01
 */

/*Special Button Style*/
.btn-style a {
	background-color: transparent !important;
	border: 1px solid #333333 !important;
	border-radius: 30px !important;
	box-sizing: border-box !important;
	color: #000000 !important;
	cursor: pointer !important;
	display: inline-block !important;
	/*font-family: "Open Sans",Arial,sans-serif !important;*/
	font-size: 15px !important;
	font-weight: 400 !important;
	letter-spacing: 3px !important;
	line-height: 23.8px !important;
	margin: 0 !important;
	outline: 0 !important;
	padding: 15px 25px !important;
	position: relative !important;
	text-decoration: none !important;
	text-size-adjust: 100% !important;
	transition: all .5s !important;
	vertical-align: baseline !important;
}

@media screen and (max-width: 980px) {
	.btn-style a {
		font-size: 10px !important;
		text-align: center !important;
	}
}
.btn-style a:before {
	background-color: #ffdd7d;
	border-radius: 30px;
	content: "";
	height: 100%;
	left: -6px;
	position: absolute;
	top: -6px;
	transition: all .4s;
	width: 100%;
	z-index: -1;
}

.btn-style a:hover:before {
	background-color: #7ecc9c;
	left: 6px;
	top: 6px;
}

/*Special Bye Button Style*/
.bbtn-style a {
	background-color: transparent !important;
	border: 1px solid #333333 !important;
	border-radius: 30px !important;
	box-sizing: border-box !important;
	color: #000000 !important;
	cursor: pointer !important;
	display: inline-block !important;
	font-family: "Open Sans",Arial,sans-serif !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	letter-spacing: 3px !important;
	line-height: 23.8px !important;
	margin: 0 !important;
	outline: 0 !important;
	padding: 15px 25px !important;
	position: relative !important;
	text-decoration: none !important;
	text-size-adjust: 100% !important;
	transition: all .5s !important;
	vertical-align: baseline !important;
}

@media screen and (max-width: 980px) {
	.bbtn-style a {
		font-size: 18px !important;
		text-align: center !important;
	}
}
.bbtn-style a:before {
	background-color: #ff6682;
	border-radius: 30px;
	content: "";
	height: 100%;
	left: -6px;
	position: absolute;
	top: -6px;
	transition: all .4s;
	width: 100%;
	z-index: -1;
}

.bbtn-style a:hover:before {
	background-color: #7ecc9c;
	left: 6px;
	top: 6px;
}