/* ================ REVIEW ================ */
.review {
   --pl: 10px;
}
.review__body p {
   font-size: 18px;
   color: rgba(0, 0, 0, .6);
   line-height: 1.3;
   letter-spacing: .7px;
   margin-bottom: 0;
   padding-left: var(--pl);
   padding-bottom: 5px;
}

.review__photo {
   float: left;
   margin-right: 10px;
   margin-bottom: 5px;
   border: 2px solid blue;
   padding: 2px;
}

.review__footer {
   padding-left: var(--pl);
   clear: both;
}
.review__footer p {
   font-family: 'Oswald', sans-serif;
   font-weight: 700;
   font-size: 15px;
   font-style: italic;
   margin-bottom: 2px;
   padding-bottom: 0;
}

/* ================ ARTICLE ================ */
.articles {
   columns: 3;
   column-gap: 1.5em;
}
.article {
   break-inside: avoid;
   padding-block: 1em;
}
.article__br {
   column-span: all;
}
@media (max-width : 768px) {
   .article {
      column-span: all;
   }
}

.article__icon {
   --size: 23px;
   width: var(--size);
   height: var(--size);
   border-radius: 50%;
   background-image: linear-gradient(to bottom, #FDFDFD, #E6E7E9);
   display: flex;
   justify-content: center;
   align-items: center;
}
.article__icon svg {
   width: 50%;
   fill: #6A6E7C;
}

.article__title {
   margin-top: 10px;
   margin-bottom: 0;
}

.article__body p {
   margin-bottom: 0;
}
.article__body a {
   color: #333;
   text-decoration: underline;
   white-space: nowrap;
}

.article__footer a {
   font-weight: 700;
   color: #333;
}
.article a:hover {
   color: #333;
   text-decoration: underline;
   color: #6fc3c4;
}