.featured-article {
	.heading-wrapper {
		.bg-gradient {
			position: absolute;
			top: 0;
			left: 50%;
			transform: translateX(-50%);
			width: 1440px;
			height: 215px;
			background: var(--Deep-Void-Purple, #542985);
			filter: blur(250px);
			z-index: -1;
		}
		h2 {
			font-size: 20px !important;
			font-weight: 700;
		}
	}
	.article-wrapper {
		overflow: hidden;
		margin-top: 20px;
		box-shadow: 0 0 15px 0 var(--royal-electric, #6e3e99);
		border-radius: 40px;
		transition: 0.3s all;

		&:hover {
			box-shadow: 0 0 15px 0 var(--neon-violet, #c27aff);
		}

		.featured-image-wrapper {
			position: relative;

			.featured-image {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center center;
			}

			&:before {
				content: "";
				width: 100%;
				height: 100%;
				background: linear-gradient(
					90deg,
					var(--black, #000) 0%,
					rgba(0, 0, 0, 0.5) 40%,
					rgba(0, 0, 0, 0.5) 100%
				);
				position: absolute;
				left: 0;
				top: 0;
			}
		}

		.content-wrapper {
			overflow: hidden;
			padding: 30px;
			background: linear-gradient(
				123deg,
				var(--deep-velvet-purple, rgba(89, 22, 139, 0.3)) 0%,
				var(--crimson-violet, rgba(134, 16, 67, 0.3)) 100%
			);

			.heading-2 {
				line-height: 50px;
			}

			.content {
				margin-top: 20px;
			}

			.btn {
				min-width: 200px;
			}
		}
	}
}