/* Region load next page button */
.kt-ui-dynamic-list-btn {
  display: block;
  width: 100%;
  margin-top: var(--kt-ui-dynamic-list-btn-offset);
  padding-block: var(--kt-ui-dynamic-list-btn-padding-block);
  padding-inline: var(--kt-ui-dynamic-list-btn-padding-inline);
  border-radius: var(--kt-ui-dynamic-list-btn-border-radius);
  font-family: inherit;
  font-size: var(--kt-ui-dynamic-list-btn-font-size);
  line-height: var(--kt-ui-dynamic-list-btn-line-height);
  font-weight: var(--kt-ui-dynamic-list-btn-font-weight);
  text-align: center;
  position: relative;
  border: none;
  color: var(--kt-ui-dynamic-list-btn-color);
  background-color: var(--kt-ui-dynamic-list-btn-background);
  will-change: color, background-color;
  transition-property: color, background-color;
  transition-duration: 160ms;
  transition-timing-function: linear;
  cursor: pointer;
}

.kt-ui-dynamic-list-btn-text {
  will-change: opacity;
  transition: opacity 160ms linear;
}

/* Loading */
.kt-ui-dynamic-list-btn.is-loading {
  cursor: progress;
}

.kt-ui-dynamic-list-btn.is-loading .kt-ui-dynamic-list-btn-text {
  opacity: 0.1;
}

/* Hover */
.kt-ui-dynamic-list-btn:hover,
.kt-ui-dynamic-list-btn.is-hover {
  color: var(--kt-ui-dynamic-list-btn-color-hover);
  background-color: var(--kt-ui-dynamic-list-btn-background-hover);
}

/* Active */
.kt-ui-dynamic-list-btn:active,
.kt-ui-dynamic-list-btn.is-active {
  color: var(--kt-ui-dynamic-list-btn-color-active);
  background-color: var(--kt-ui-dynamic-list-btn-background-active);
}

/* Endregion */