/* =====================================================================
 * Ultrapack Changelog - "CARREGAR MAIS" DAS LISTAS LEGADAS
 *
 * Estilo do rodape de paginacao incremental das listas legadas de
 * atualizacoes. Os ITENS em si continuam com o CSS global do painel do Avada
 * (.ultrapack-last-updates3, .last-updates-date, .version, .new-item,
 * .item-desbl): nada aqui os toca, para o bloco carregado por AJAX sair
 * identico ao bloco renderizado no servidor.
 *
 * O botao herda a linguagem visual do CTA do gate (mesmo rose, mesmo raio),
 * so que em versao "ghost", porque aqui ele nao e uma oferta -- e navegacao.
 * ===================================================================== */
.up-clog-lazy {
	--up-clog-lz-rose: #b7545b;
	--up-clog-lz-text: #49546c;
	--up-clog-lz-muted: #8a8f9c;
	--up-clog-lz-line: #e3e5ea;
	position: relative;
}

/* Grupo de data que CONTINUA o bloco anterior: sem o padding do cabecalho
   (o <h2> ja foi emitido no bloco de cima) e colado no pedaco anterior, para
   o dia partido nao virar dois blocos com um vao no meio. */
.up-clog-lazy .ultrapack-last-updates-div.up-clog-lazy-cont {
	margin-top: -55px;
}

.up-clog-lazy-foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin: 10px 0 40px;
}

.up-clog-lazy-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	height: 44px;
	padding: 0 28px;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: -.1px;
	color: var(--up-clog-lz-rose);
	background: #fff;
	border: 1px solid var(--up-clog-lz-line);
	border-radius: 10px;
	text-decoration: none;
	transition: background .15s ease, border-color .15s ease, transform .15s ease;
}

.up-clog-lazy-btn:hover,
.up-clog-lazy-btn:focus {
	color: #fff;
	background: var(--up-clog-lz-rose);
	border-color: var(--up-clog-lz-rose);
	transform: translateY(-1px);
	text-decoration: none;
}

/* Contador de quanto falta: secundario, e some no hover junto com a cor. */
.up-clog-lazy-rest {
	font-weight: 400;
	font-size: 13px;
	color: var(--up-clog-lz-muted);
}

.up-clog-lazy-btn:hover .up-clog-lazy-rest,
.up-clog-lazy-btn:focus .up-clog-lazy-rest {
	color: rgba(255, 255, 255, .8);
}

/* Carregando: o botao continua legivel, mas nao aceita novo clique (o JS ja
   bloqueia; isto so comunica). */
.up-clog-lazy.is-loading .up-clog-lazy-btn {
	pointer-events: none;
	opacity: .65;
}

.up-clog-lazy-err {
	font-size: 13px;
	color: var(--up-clog-lz-rose);
}