@import "@wordpress/base-styles/breakpoints";
@import "@wordpress/base-styles/mixins";
@import "@wordpress/base-styles/variables";

.hosting-testimonials {
	display: grid;
	grid-template-columns: 1fr;
	gap: 24px;

	@include break-large {
		grid-template-columns: 1fr 1fr;
	}
}

.hosting-testimonials__item {
	display: flex;
	flex-direction: column;
	gap: 16px;

	border-radius: 4px;
	border: 1px solid var(--color-neutral-5);
	background-color: var(--color-neutral-0);
	padding: 16px;
	justify-content: space-between;


	@include break-medium {
		gap: 24px;
		padding: 32px;
	}
}

.hosting-testimonials__item-message {
	@include body-large;
	margin: 0;
}

.hosting-testimonials__item-profile {
	display: flex;
	flex-direction: row;
	gap: 16px;
}

.hosting-testimonials__item-profile-avatar {
	width: 48px;
	height: 48px;
}


.hosting-testimonials__item-details {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.hosting-testimonials__item-profile-name {
	@include heading-medium;
}

.hosting-testimonials__item-profile-title {
	@include body-large;
}

.hosting-testimonials__item-profile-link {
	@include body-large;

	a {
		color: var(--color-text);
		text-decoration: underline;
	}
}
