.cs-block.previous-next .navigation .container {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-column-gap: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .cs-block.previous-next .navigation .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (min-width: 1200px) {
  .cs-block.previous-next .navigation .container {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.cs-block.previous-next .navigation .container .alignleft {
  grid-column: 1/span 3;
}
@media (min-width: 992px) {
  .cs-block.previous-next .navigation .container .alignleft {
    grid-column: 2/span 2;
  }
}
.cs-block.previous-next .navigation .container .alignright {
  grid-column: 4/span 3;
  justify-self: end;
}
@media (min-width: 992px) {
  .cs-block.previous-next .navigation .container .alignright {
    grid-column: 4/span 2;
  }
}
.cs-block.previous-next .navigation .container a {
  text-decoration: none;
  color: #000;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.7142857143em;
  text-transform: uppercase;
}
.cs-block.previous-next .navigation .container a:focus, .cs-block.previous-next .navigation .container a:hover {
  text-decoration: underline;
}

/*# sourceMappingURL=previous-next.min.css.map */