/* =========================================================
   DIGBANG — SINGLE POST SHARE
========================================================= */


.db-single-post-share {

	width:896px;

	margin:56px 0 0;

	direction:rtl;

}





/* =========================================================
   INNER
========================================================= */

.db-single-post-share__inner {


	display:flex;


	align-items:center;


	width:100%;


	height:110px;


	padding:12px 32px;


	background:#F6EDDE;


	box-sizing:border-box;


}





/* =========================================================
   HEADING
========================================================= */


.db-single-post-share__heading {


	display:flex;


	align-items:center;


	gap:14px;


	flex-shrink:0;


}



.db-single-post-share__title {


	margin:0;


	color:#8E7D71;


	font-family:"Vazirmatn", sans-serif;


	font-size:32px;


	font-weight:700;


	line-height:1.5;


	white-space:nowrap;


}



.db-single-post-share__arrow {


	width:80px;


	height:80px;


	display:block;


}







/* =========================================================
   BUTTONS
========================================================= */


.db-single-post-share__buttons {


	display:flex;


	align-items:center;


	gap:12px;


	margin-right:91px;


	flex-shrink:0;


}





.db-single-post-share__button {


	display:flex;


	align-items:center;


	justify-content:center;


	height:64px;


	background:#FFFFFF;


	border:2px solid #FF6600;


	border-radius:8px;


	box-sizing:border-box;


	cursor:pointer;


	text-decoration:none;


	padding:0;


}




.db-single-post-share__button img {


	width:40px;


	height:40px;


	display:block;


}




.db-single-post-share__button:not(.db-single-post-share__copy) {


	width:88px;


}





.db-single-post-share__copy {


	width:199px;


	gap:8px;


}




.db-single-post-share__copy span {


	color:#665A51;


	font-family:"Vazirmatn", sans-serif;


	font-size:18px;


	font-weight:400;


	line-height:1.5;


}





.db-single-post-share__button:hover {


	background:#FFFFFF;


}








/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){


	.db-single-post-share {


		width:100%;


		margin-top:40px;


	}





	.db-single-post-share__inner {


		height:auto;


		min-height:88px;


		padding:12px;


		display:flex;


		flex-direction:row;


		align-items:center;


		justify-content:flex-start;


		gap:12px;


		overflow:hidden;


	}





	/* Heading */


	.db-single-post-share__heading {


		gap:6px;


	}





	.db-single-post-share__title {


		font-size:18px;


	}




	.db-single-post-share__arrow {


		width:32px;


		height:32px;


	}







	/* Buttons */


	.db-single-post-share__buttons {


		margin-right:0;


		gap:6px;


	}





	.db-single-post-share__button {


		height:44px;


		border-radius:6px;


	}




	.db-single-post-share__button:not(.db-single-post-share__copy) {


		width:44px !important;


		min-width:44px;


	}




	.db-single-post-share__copy {


		width:96px !important;


		min-width:96px;


		gap:4px;


	}





	.db-single-post-share__button img {


		width:24px;


		height:24px;


	}





	.db-single-post-share__copy span {


		font-size:11px;


		line-height:1.4;


		white-space:nowrap;


	}



}


/* =========================================================
   MOBILE ONLY — SHOW COPY BUTTON
========================================================= */

@media(max-width:767px){


	.db-single-post-share__button:not(.db-single-post-share__copy) {

		display:none;

	}



	.db-single-post-share__buttons {

		width:auto;

		margin-right:0;

	}



	.db-single-post-share__copy {

		width:140px !important;

		height:48px;


	}



	.db-single-post-share__copy span {

		font-size:14px;

	}


}