.gmb-reviews {
|
max-width: none;
|
> .row.x-mid {
|
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: 1rem auto;
|
padding: 1rem 0 0;
|
max-width: var(--content);
|
border-top: 1px solid rgb(var(--base-200));
|
|
.icon-quotes-fi {
|
left: calc(var(--btnbtn) * -1);
|
}
|
.content {
|
border-width: 4px 1px;
|
&::after {
|
border-width: 4px 1px;
|
}
|
&::before {
|
border-width: 8px;
|
bottom: -4px;
|
}
|
}
|
cite {
|
position: relative;
|
margin-top: var(--btn);
|
|
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));
|
}
|
}
|
.btn {
|
width: 100%;
|
}
|
}
|
