.count-pagination {
  clear: both;
  padding: 8px 0;
  table-layout: auto;
}
.count-pagination .pagination {
  font-size: 0;
  text-align: right;
  white-space: nowrap;
  /* As even the smallest of AUI icons are usually higher than the text next to them, we need to vertically align text to visually center both elements */
}
.count-pagination .pagination > a,
.count-pagination .pagination > strong,
.count-pagination .pagination > span {
  font-size: 14px;
  line-height: 1;
  height: auto;
  /* stylelint-disable-next-line dunit-no-unknown */
  margin: 0 0 0 0.15em;
  padding: 0.1em;
  position: relative;
  vertical-align: bottom;
}
.count-pagination .pagination:has(.aui-icon) > a,
.count-pagination .pagination:has(.aui-icon) > strong,
.count-pagination .pagination:has(.aui-icon) > span {
  vertical-align: middle;
}
.count-pagination .aui-icon-small::before {
  color: var(--ds-icon, #42526E);
}
.results-count-start,
.results-count-end,
.results-count-total {
  font-weight: bold;
}