.cta {
	margin-top: 40px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 120px;

	@media (max-width: 767px) {
		padding-bottom: 80px;
	}

	.container {
		/* background: linear-gradient(
			130deg,
			var(--deep-velvet-purple, rgba(89, 22, 139, 0.3)) 0%,
			var(--crimson-violet, rgba(134, 16, 67, 0.3)) 100%
		); */
		background: linear-gradient(
			130deg,
			var(--electric-purple, rgba(152, 16, 250, 0.5)) -20%,
			var(--black, rgba(0, 0, 0, 0.5)) 50%,
			var(--crimson-violet, rgba(134, 16, 67, 0.5)) 120%
		);
		padding: 75px 30px;
		border-radius: 50px;
		box-shadow: 0 0 50px 0 rgba(84, 41, 133, 0.5);

		.text-wrapper {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;

			.subheading {
				width: 100%;
				max-width: 600px;
			}
		}
		.button-download-wrapper {
			display: flex;
			flex-direction: row;
			justify-content: center;
			align-items: center;
			gap: 30px;
			margin-top: 60px;

			@media (max-width: 767px) {
				display: flex;
				flex-direction: column;
				margin-top: 30px;
				gap: 16px;
			}

			.btn {
				min-width: 195px;

				&.bg-gradient-purple {
					.button-text {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;

						&:before {
							content: "";
							background-image: url("../../assets/images/icon-mobile-white.svg");
							background-repeat: no-repeat;
							background-position: center;
							background-size: contain;
							display: inline-block;
							width: 20px;
							height: 20px;
							margin-right: 10px;
						}
					}
				}

				&.btn-secondary {
					.button-text {
						display: flex;
						flex-direction: row;
						justify-content: center;
						align-items: center;

						&:before {
							content: "";
							background-image: url("../../assets/images/icon-mobile-purple.svg");
							background-repeat: no-repeat;
							background-position: center;
							background-size: contain;
							display: inline-block;
							width: 20px;
							height: 20px;
							margin-right: 10px;
						}
					}
				}

				&:hover {
					&.btn-secondary {
						.button-text {
							&:before {
								content: "";
								background-image: url("../../assets/images/icon-mobile-white.svg");
							}
						}
					}
				}
			}
		}

		.featured-wrapper {
			display: flex;
			flex-direction: row;
			flex-wrap: wrap;
			justify-content: center;
			align-items: center;
			gap: 30px;
			margin-top: 60px;

			.featured-item {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				padding: 30px;
				border-radius: 20px;
				border: 1px solid var(--deep-steel, #1e2939);
				background: rgba(6, 8, 15, 0.5);
			}
		}
	}

	.caution {
		display: flex;
		justify-content: center;
		flex: row;
		margin-top: 30px;
		gap: 5px;

		svg {
			margin-top: 6px;
		}

		p {
			font-size: 12px;
			color: var(--caution-gold);
		}
	}
}