.block.next-prev-post-block .block-inner {
    align-items: center;
    display: flex;
    justify-content: center;
}
.next-prev-nav {
    border: 1px solid var(--colour-rusty-orange);
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: initial;
    font-family: "TT Ramillas", sans-serif;
    font-size: 1.1em;
    border-right: none;
}
#main-content .next-prev-nav a {
    text-decoration: none;
    color: var(--colour-dark-green);
    height: 44px;
    width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#main-content .next-prev-nav a:hover {
    background-color: var(--colour-rusty-orange);
    color: var(--colour-neutral);
}
.next-prev-nav.previous-post a::before {
    content: "";
background-image: url('/wp-content/uploads/2025/06/OBH-Icons_Dark-Green_Arrow-Left.svg');
height: 100%;
  width: 11px;
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
}
.next-prev-nav.previous-post a:hover::before {
  background-image: url('/wp-content/uploads/2025/06/OBH-Icons_Neutral_Arrow-Left.svg');
}
.next-prev-nav.next-post a::before {
    content: "";
background-image: url('/wp-content/uploads/2025/06/OBH-Icons_Dark-Green_Arrow-Right.svg');
height: 100%;
  width: 11px;
  background-size: 11px;
  background-position: center;
  background-repeat: no-repeat;
  order: 2;
}
.next-prev-nav.next-post a:hover::before {
  background-image: url('/wp-content/uploads/2025/06/OBH-Icons_Neutral_Arrow-Right.svg');
}
.next-prev-nav:is(.previous-post,.next-prev-nav.next-post) a {
gap: 12px;
}
.next-prev-nav:last-child a {
    border-right: 1px solid var(--colour-rusty-orange); 
}

@media all and (max-width: 768px) {
.next-prev-nav {
    font-size: 1em;
}
#main-content .next-prev-nav a {
    height: 36px;
    width: 160px;
}
.next-prev-nav.previous-post a::before {
    width: 8px;
    background-size: 8px;
}
.next-prev-nav.next-post a::before {
    width: 8px;
    background-size: 8px;
}
}
@media all and (max-width: 546px) {
#main-content .next-prev-nav a {
    height: 36px;
    width: 36px;    
}
#main-content .next-prev-nav.view-all a {
width: auto;
  padding: 0 12px;
}
#main-content .next-prev-nav a span {
    display: none;
}
}