.gmb-reviews {
	max-width: none;
	> .row.center {
		max-width:var(--content);
		margin: 0 auto;
		--gap: .5rem 6rem;

		p {
			width: fit-content;
		}
	}
	.button {
		width: 66.6%;
		margin: 0 auto 2rem;
		display: flex;
		height: max-content;
	}
	.stars {
		display: inline-flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		max-width: var(--full);
		li {
			width: 100%;
			max-width: none;
			padding: 4rem 1rem;
			&:nth-of-type(odd) {
				background-color: rgb(var(--base-50));
				blockquote {
					--background: rgb(var(--base-50));
				}
			}
			&:nth-of-type(even) {
				background-color: rgb(var(--base-100));
				blockquote {
					--background: rgb(var(--base-100));
				}
			}
		}
	}
	blockquote {
		margin:0 auto;
		padding: 0;
		max-width: var(--content);
		.content {
			border-width: 4px 1px;
			&::after {
				border-width: 4px 1px;
			}
			&::before {
				border-width: 8px;
				bottom: -4px;
			}
		}
		cite {
			position: relative;

			img {
				width: 4.5rem;
				position: absolute;
				left: -8rem;
				top: 0;
			}

			p {
				margin: 0;
			}

			.wrap {
				--wrap: wrap;

				p, time {
					max-width: 49%;
				}

				.stars {
					width: 100%;
				}
			}
		}
		time {
			white-space: nowrap;
		}
	}
	.stars .icon {
		background-color: rgb(var(--action-0));
	}
	article {
		padding: 1rem;
		border-radius: var(--radius-outer);
		background-color: rgb(var(--base));
		header {
			--align: center;
			>img {
				position: relative;
				left: 0;
			}
		}
		time {
			font-style: italic;
		}
		.review {
			padding: 1.5rem;
		}

		h4 {
			width: max-content;
		}
		.icon {
			color: rgb(var(--action-0));
		}
	}
	.footer .button {
		width: 100%;
	}
}