/*
 * CERIC Resource Library — Load More button.
 * Replaces pagination. Never edit library.css.
 */

.ceric-rl-pages {
	display: flex;
	justify-content: center;
	margin-top: 2rem;
}

.ceric-rl-load-more {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto;
    min-width: 200px;
    height: 52px;
    padding: 0 22px;
    background: #ffa56b;
    color: #18181b;
    font-size: 18px;
    font-weight: 600;
    border: 2px solid #ffa56b;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.ceric-rl-load-more:hover {
	background: #fff;
    color: #c73f05;
	border: 2px solid #ffa56b;
}

.ceric-rl-load-more:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}