.vinkehouse-news-title {
  font-family: "Playfair-Display", sans-serif;
  font-size: 56px;
  font-weight: 400;
  color: #070707;
  text-align: center;
  margin-top: 79px;
  margin-bottom: 49px;
  @media (max-width: 580px) {
    font-size: 36px;
  }
}
.vinkehouse-news-posts {
  padding: 0px 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  @media (max-width: 1200px) {
    grid-template-columns: 1fr;
  }
  & .vinkehouse-news-post {
    display: flex;
    flex-direction: column;
    padding: 32px 32px;
    @media (max-width: 1200px) {
      padding: 24px 0px;
    }
    & a {
      text-decoration: none;
      & .post-thumbnail {
        position: relative;
        & img {
          width: 100%;
          height: 480px;
          border-radius: 16px;
          object-fit: cover;
          @media (max-width: 780px) {
            height: 361px;
          }
        }
        & .post-date {
          font-family: "Inter-Display", sans-serif;
          font-size: 14px;
          font-weight: 500;
          color: #ffffff;
          position: absolute;
          bottom: 10px;
          left: 10px;
          background-color: #9a9a9a4d;
          padding: 10px 14px;
          border-radius: 4px;
        }
      }
      & .post-details {
        & h3 {
          font-family: "Playfair-Display", sans-serif;
          font-size: 28px;
          font-weight: 400;
          line-height: 35px;
          color: #070707;
          margin: 24px 0px 0px 0px;
        }
        & p {
          font-family: "Inter-Display", sans-serif;
          font-size: 14px;
          font-weight: 400;
          color: #4f4f4f;
          margin: 28px 0px 0px 0px;
        }
      }
    }
  }
  & .vinkehouse-news-post:nth-child(1),
  & .vinkehouse-news-post:nth-child(2) {
    border-top: 1px solid #e5e5e5;
  }
  & .vinkehouse-news-post:nth-child(even) {
    border-left: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;

    @media (max-width: 1200px) {
      border-left: unset;
    }
  }
  & .vinkehouse-news-post:nth-child(odd) {
    border-bottom: 1px solid #e5e5e5;
  }
}
#load-more-container {
  padding: 0px 15px;
  margin-top: 48px;
  display: flex;
  justify-content: center;
  @media (max-width: 1200px) {
    margin-top: 40px;
  }
  & button#load-more-posts {
    font-family: "Inter-Display", sans-serif;
    background-color: #566955;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    border-radius: 12px;
    text-transform: capitalize;
    width: 155px;
    height: 63px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
    @media (max-width: 1200px) {
      width: 100%;
    }
  }
}