.lazy-more {
   position: absolute;
   bottom: -60px;
   left: 0;
   right: 0;
   display: flex;
   justify-content: center;
}
.wd-load-more {
   padding: 5px 25px;
   min-height: 44px;
   border-color: var(--brdcolor-gray-300);
   border-radius: var(--btn-default-brd-radius);
   color: var(--color-gray-800);
   border-width: 2px;
}
.wd-load-more:not(:hover) {
   background-color: transparent !important;
}
.wd-load-more:hover {
   box-shadow: none;
   border-color: var(--brdcolor-gray-500);
   background-color: transparent;
   color: var(--color-gray-800);
}
.wd-load-more.loading {
   display: none;
   animation: wd-fadeOut 0.3s ease both;
}
.wd-load-more.loading + .wd-load-more-loader {
   display: inline-flex;
   animation: wd-fadeIn 0.3s ease both;
}
.wd-load-more.loading + .wd-load-more-loader .load-more-loading:before {
   --wd-anim-state: running;
}
.wd-load-more-loader {
   display: none;
}
.wd-load-more-loader .load-more-loading {
   display: flex;
   align-items: center;
   justify-content: center;
}
.wd-load-more-loader .load-more-loading:before {
   margin-inline: -8px 8px;
   content: "";
   display: inline-block;
   width: 16px;
   height: 16px;
   border: 1px solid rgba(0, 0, 0, 0);
   border-left-color: var(--color-gray-900);
   border-radius: 50%;
   vertical-align: middle;
   animation: wd-rotate 450ms infinite linear var(--wd-anim-state, paused);
}