.post-navigation {
    background-color: var(--brand); 
    min-height: 17.25rem;
    border-top: 1px solid rgba(40, 40, 39, 0.1);
}

.post-navigation .nav-block {
  padding: 0 3rem 0 3rem;
  position: relative;
  transition: background 0.3s ease;
}

.post-navigation .nav-title {
  font-family: "Mingolia Display"; 
  font-size: 1.5rem;
  margin-bottom: 2.625rem;
  font-weight: 400;
  color: var(--dark-secondary);
}
.post-navigation .nav-title-left{
  text-align: right;
}
.post-navigation .nav-link {
  text-decoration: none;
  color: var(--dark-secondary);
  font-size: 1rem;
  text-transform: uppercase;
  gap: 1rem;
}

.post-navigation .arrow svg{
  stroke: var(--dark-secondary);
}

.post-navigation .nav-block:hover .prev-block .arrow { transform: translateX(-10px); }
.post-navigation .nav-block:hover .next-block .arrow { transform: translateX(10px); }

@media (max-width: 767px) {
  .post-navigation .post-navigation { 
    flex-direction: column; 
  }
  .post-navigation .nav-block { 
    width: 100%; 
    border-right: none; 
    border-bottom: 1px solid rgba(0,0,0,0.1); 
  }
  .post-navigation .nav-block {
    padding: 0 1rem 0 1rem;
  }
  .post-navigation .nav-title {
    font-size: 1rem;
    margin-bottom: 2.625rem;
  }
  .post-navigation .arrow svg{
    width: 2.75rem;
  }
  .post-navigation .nav-link {
    font-size: 0.675rem;
  }
}