.blogging-prompt {
	/* Blogging Prompt Card ------------------------ */
	.card:not(.customer-home__card).blogging-prompt__card {
		padding: 24px;
	}
	/* Blogging Prompt Header ------------------------ */
	h1.card-heading {
		color: var(--color-text-subtle);
		display: flex;
		font-size: $font-body-small;
		font-weight: normal;
		gap: 8px;
		margin-bottom: 24px;

		.blogging-prompt__heading-text {
			color: var(--studio-gray-80);
			flex: 1;
		}
		.blogging-prompt__lightbulb-icon {
			path {
				fill: var(--studio-gray-50);
			}
			position: relative;
			top: 1px;
		}
		.blogging-prompt__menu {
			margin-top: -13px;
		}
	}
	/* Blogging Prompt Body ------------------------ */
	.blogging-prompt__prompt-container {
		width: 100%;

		.blogging-prompt__prompt-navigation {
			align-items: center;
			display: flex;
			gap: 20px;
		}
		.blogging-prompt__prompt-text {
			flex: 1;
			font-size: $font-title-small;
			font-weight: 500;
			line-height: 26px;
			margin-bottom: 0;
		}
		button.navigation-link {
			border-radius: 50%;
			height: 44px;
			margin: 0;
			padding: 0;
			width: 44px;
		}
	}
	/* Blogging Prompt Replies & Answer Button ------------------------ */
	.blogging-prompt__prompt-answers {
		align-items: center;
		display: flex;
		gap: 10px;
		margin-top: 24px;
		width: 100%;

		.blogging-prompt__new-post-link svg {
			position: relative;
			top: 4px;
			margin-right: 4px;
		}
		.blogging-prompt__prompt-responses {
			align-items: center;
			display: flex;
			flex: 1;
			gap: 10px;

			&-users {
				position: relative;
				top: 4px;
			}
		}
		.blogging-prompt__prompt-responses img {
			border-radius: 100%;
			height: 22px;
			border: 2px solid #fff;
			position: relative;
			margin-left: -10px;
			width: 22px;

			&:first-child {
				margin-left: 0;
			}
		}
		.blogging-prompt__prompt-responses-link {
			color: var(--studio-gray-80);
			flex: 1;
			font-size: $font-body-small;
			text-decoration-line: underline;

			&:hover {
				text-decoration-line: none;
			}
		}
		.blogging-prompt__bloganuary-link {
			color: var(--studio-gray-80);
			font-size: $font-body-small;
			text-decoration-line: underline;
			margin-right: 8px;
			&:hover {
				text-decoration-line: none;
			}
		}
		.blogging-prompt__prompt-no-response {
			align-items: center;
			display: flex;
			color: var(--color-text-subtle);
			flex: 1;
			font-size: $font-body-small;
			gap: 6px;
		}
	}
	/* Responsive styles */
	@include breakpoint-deprecated( "<660px" ) {
		.blogging-prompt__prompt-container {
			.blogging-prompt__prompt-text {
				text-align: center;
			}
			.blogging-prompt__prompt-navigation {
				gap: 10px;
			}
		}
		.card:not(.customer-home__card) .blogging-prompt__prompt-container button.navigation-link {
			&:first-child {
				margin-left: -36px;
			}
			&:last-child {
				margin-right: -36px;
			}
		}
		.blogging-prompt__prompt-answers .blogging-prompt__prompt-responses-users {
			display: none;
		}
	}
	/* Blogging Prompt Menu ------------------------ */
	.blogging-prompt__menu {
		.button {
			text-align: left;
		}
		.blogging-prompt__bell-icon {
			display: inline-block;
			height: 18px;
			width: 18px;
			margin-right: 10px;
			.gridicon {
				width: 24px;
				height: 24px;
			}
		}
	}
}
