/* =========================================================
   DIGBANG — BLOG PRODUCTS BANNER
========================================================= */

.db-blog-products-banner {
	position: relative;

	width: calc(100% - 120px);
	max-width: 1320px;

	margin: 88px auto 0;

	overflow: hidden;

	border-radius: 24px;

	direction: rtl;
	box-sizing: border-box;
}


.db-blog-products-banner__image {
	display: block;

	width: 100%;
	height: auto;

	margin: 0;

	border-radius: inherit;
}


/* =========================================================
   BUTTON
========================================================= */

.db-blog-products-banner__button {
	position: absolute;

	right: 7.5%;
	top: 62%;

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

	width: 190px;
	height: 36px;

	color: #FFFFFF;
	background: #FF6600;

	border: 0;
	border-radius: 5.23px;

	font-family: "Vazirmatn", sans-serif;
	font-size: 18px;
	font-weight: 600;
	line-height: 1;

	text-decoration: none;

	z-index: 2;
}


.db-blog-products-banner__button:hover {
	color: #FFFFFF;
	background: #CC5200;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1399px) {

	.db-blog-products-banner {
		width: calc(100% - 64px);
	}

}


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

@media (max-width: 767px) {

	.db-blog-products-banner {
		width: calc(100% - 32px);

		margin-top: 56px;

		border-radius: 16px;
	}


	.db-blog-products-banner__button {
		right: 7.5%;
		top: 62%;

		width: 82px;
		height: 20px;

		border-radius: 3px;

		font-size: 8px;
	}

}