.section-title {
  font-size: 3rem;
  color: var(--scwew-primary);
}

.btn {
  display: inline-block;
  outline: none;
  border: none;
  background-color: var(--scwew-primary);
  color: var(--scwew-background);
  border-radius: var(--scwew-btn-radius);
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  padding: 0.25rem 0.6rem;
  font-size: 1rem;
}
.btn:hover, .btn:focus-visible {
  background-color: color-mix(in srgb, var(--scwew-primary) 85%, black);
}
.btn:active {
  background-color: color-mix(in srgb, var(--scwew-primary) 70%, black);
}
.btn:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--scwew-primary) 50%, white);
}

.scwew-pagination {
  --clr: var(--scwew-primary);
  display: flex;
  align-items: center;
  gap: 2px;
}
.scwew-pagination .pagination-item .page-numbers,
.scwew-pagination .pagination-ellipsis {
  outline: none;
  background-color: color-mix(in srgb, color-mix(in srgb, var(--clr) 70%, white) 15%, transparent);
  border-radius: var(--scwew-btn-radius);
  touch-action: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  padding: 0;
}
.scwew-pagination .pagination-item a {
  text-decoration: none;
}
.scwew-pagination .pagination-item .page-numbers.current {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--clr) 70%, white) 30%, transparent);
}
.scwew-pagination .pagination-item .page-numbers.current:not(.current):hover, .scwew-pagination .pagination-item .page-numbers.current:not(.current):focus-visible {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--clr) 70%, white) 25%, transparent);
}
.scwew-pagination .pagination-item .page-numbers.current:not(.current):focus-visible {
  outline: 2px solid color-mix(in srgb, var(--clr) 70%, white);
}
.scwew-pagination .pagination-item .page-numbers.current:not(.current):active {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--clr) 70%, white) 20%, transparent);
}