.template-hero {
  width: 100%;
  height: 320px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.newsletter-hero img {
  width: 100%;
  height: auto;
  max-height: 320px;
  display: block;
}

.newsletter-wrap {
  display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 40px auto;
  padding: 0 20px;
  gap: 96px;
  width: 80%;
}

.post-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}

.post-card {
  background-color: #fafafa;
  border-radius: 8px;
  padding: 8px 24px;
  gap: 4px;
}

.post-card:hover {
  box-shadow: unset;
}

.post-card h4 {
  font-weight: var(--font-weight-400);
}

.post-card:hover h4 {
  font-weight: var(--font-weight-600);
}

.post-tags {
    margin: 0 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.post-card-body {
    padding: 0 0 0 0;
    display: flex;
    flex-direction: row;
    gap: 0px;
    justify-content: space-between;
}

@media screen and (max-width: 960px) {
  .newsletter-wrap {
    flex-direction: column;
    gap: 16px;
    width: 90%;
  }
  .post-card {
    gap: 8px;
  }
  .post-card-body {
    flex-direction: column;
  }
}