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

.testimonial {
	&_wrapper {
		color: $deep-gray;
	}

	&_icon {
		margin: 0 0 25px;
	}

	&_header {
		@include title-4;
		@include media-md-up {
			display: flex;
			align-items: baseline;
		}
	}

	&_header + &_description {
		margin-top: 12px;
	}

	&_author {
		@include text-3;
		font-weight: bold;
	}

	&_author + &_job {
		margin: 5px 0 0;

		@include media-md-up {
			margin: 0 0 0 10px;
		}
	}

	&_description {
		@include text-4;
		line-height: 25px;
	}

	&_button {
		margin: 24px 0 0;

		@include media-lg-down {
			text-align: center;
		}
	}
}