@import '../../../../../styles/definitions/mixins';
@import '../../../../../styles/definitions/colors';

.productQuestionItem {
	&_container {
		&:not(:first-of-type) {
			margin: 40px 0 0;
		}
	}

	&_title {
		@include title-4;
		display: inline-block;
		margin: 0 0 14px;
		line-height: 23px;
		font-weight: 700;
	}

	&_description {
		margin: 0;
		@include text-4;
		line-height: 25px;
		color: $deep-gray;
	}

	&_author {
		$author-separator-color: $gray;
		$author-separator-spacing: 8px;

		@include text-5;
        @include color-title($dark-gray);
		display: inline-block;
		margin: 12px 0 0;
		line-height: 16px;

		&Name + &Date{
			margin-left: $author-separator-spacing;
			padding-left: $author-separator-spacing;
			border-left: 1px solid $author-separator-color;
		}
	}

	&_answer {
		&Item {
			margin: 24px 0 0;
		}
	}

	&_btnAnswer {
		margin: 12px 0 0;
	}
}