/**
  * Custom styles for core/query-pagination
  *
  * @link https://fullsiteediting.com/lessons/custom-block-styles/
  *
  */
.wp-block-query-pagination {
  position: relative;
}
.wp-block-query-pagination.is-style-primary {
  margin-top: 40px;
  gap: 25px;
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-previous,
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-next {
  color: var(--wp--preset--color--text-primary-light);
  background: var(--wp--preset--color--base);
  font-size: 14px;
  line-height: 30px;
  border: 1px solid var(--wp--preset--color--primary-lighter);
  padding: 0 20px;
  border-radius: 50px;
  transition: 300ms;
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-previous:hover,
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-next:hover {
  background: var(--wp--preset--color--primary-lighter);
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-numbers .page-numbers {
  color: var(--wp--preset--color--text-primary-light);
  background: var(--wp--preset--color--primary-lightest);
  border: 1px solid var(--wp--preset--color--primary-lighter);
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  margin: 0 3px;
  font-size: 15px;
  transition: 300ms;
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-numbers .page-numbers.dots {
  background: 0;
  border: 0;
  font-size: 30px;
  line-height: 20px;
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-numbers .page-numbers.dots:hover {
  background: 0;
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-numbers .page-numbers.current {
  color: var(--wp--preset--color--base);
  background: var(--wp--preset--color--text-primary-light);
}
.wp-block-query-pagination.is-style-primary .wp-block-query-pagination-numbers .page-numbers:hover {
  background: var(--wp--preset--color--primary-lighter);
}