.gmb-reviews {
	max-width: none;
	> .row.btw {
		max-width:var(--wide);
		.button {
			width: 100%;
			height: max-content;
		}
		p {
			width: fit-content;
		}
	}
	.stars {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		flex-wrap: nowrap;
	}
	ul {
		list-style: none;
		margin: 0;
		padding: 0;
		max-width: var(--wider);
		li {
			margin: 2rem 0;
			position:relative;
			background-color: var(--base-100);
			padding: 1rem;
			@media (min-width: 768px) {
				&:nth-of-type(odd) {
					left: -2rem;
				}
				&:nth-of-type(even) {
					right: -2rem;
				}
			}

		}
	}
	blockquote {
		margin:0;
		padding: 0;
		.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: var(--action-0);
	}
	article {
		padding: 1rem;
		border-radius: var(--radius-outer);
		background-color: var(--base);
		header {
			--align: center;
			>img {
				position: relative;
				left: 0;
			}
		}
		time {
			font-style: italic;
		}
		.review {
			padding: 1.5rem;
		}

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