.news {
  font-family: "Rubik";
  display: flex;
  gap: 2.75rem;
  flex-direction: column;
}
.news a {
  color: var(--primary-dark);
  font-weight: bold;
}
.news_container {
  display: flex;
  gap: 1.5rem;
  flex-flow: column;
}
.highlighted_post .post__title {
  font-size: 2.25em;
  font-weight: 300;
  color: var(--primary-dark);
  display: flex;
  gap: 1rem;
  flex-flow: column;
}
.post__date {
  color: var(--primary-main);
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.125rem;
}

.highlighted_posts,
.highlighted_post {
  display: flex;
  flex-direction: column;
}
.highlighted_posts {
  gap: 4.75rem;
}
.highlighted_post {
  gap: 1rem;
}

.latest_posts {
  display: flex;
  flex-wrap: wrap;
  gap: 4rem;
}
.latest_post {
  max-width: 300px;
}
.latest_post .post__date {
  margin-bottom: 0.75rem;
}