/**
 * Load More Button Component Styles
 * Reusable button/link component with arrow icon
 *
 * @package Euro_Event
 */

/* ============================================
   Base Load More Button Styles
   ============================================ */
.euro-event-load-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 20px 25px;
	background: transparent;
	box-shadow: 0px 0px 4px 0px #6C757D4D;
	color: #0B4F9F;
	border-radius: 13px;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
	outline: none;
	border: none;
	text-decoration: none;
}

.euro-event-load-more-btn:hover:not(:disabled) {
	background: #0066cc;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0px 0px 4px 0px #6C757D4D;
}

.euro-event-load-more-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.euro-event-load-more-btn .euro-event-load-more-icon {
	width: 20px;
	height: 20px;
	transition: transform 0.3s ease;
	flex-shrink: 0;
}

.euro-event-load-more-btn:hover:not(:disabled) .euro-event-load-more-icon {
	transform: translateX(4px);
}

/* ============================================
   Blog Link Variant (Text Link Style)
   ============================================ */
.euro-event-blog-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 0;
	background: transparent;
	border: none;
	color: #0066cc;
	font-size: 16px;
	font-weight: 600;
	text-decoration: none;
	transition: all 0.2s ease;
	box-shadow: none;
	border-radius: 0;
}

.euro-event-blog-link:hover {
	color: #0052a3;
	gap: 10px;
	background: transparent;
	transform: none;
	box-shadow: none;
}

.euro-event-blog-link .euro-event-load-more-icon {
	width: 18px;
	height: 18px;
	transition: transform 0.2s ease;
}

.euro-event-blog-link:hover .euro-event-load-more-icon {
	transform: translateX(4px);
}

/* ============================================
   Archive Load More Variant
   ============================================ */
.euro-archive-load-more-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 20px 25px;
	background: transparent;
	box-shadow: 0px 0px 4px 0px #6C757D4D;
	color: #0B4F9F;
	border-radius: 13px;
	font-size: 15px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	cursor: pointer;
	transition: all 0.3s ease;
	outline: none;
	border: none;
}

.euro-archive-load-more-btn:hover:not(:disabled) {
	background: #0066cc;
	color: #ffffff;
	transform: translateY(-2px);
	box-shadow: 0px 0px 4px 0px #6C757D4D;
}

.euro-archive-load-more-btn:disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.euro-archive-load-more-btn .euro-event-load-more-icon {
	width: 20px;
	height: 20px;
	transition: transform 0.3s ease;
}

.euro-archive-load-more-btn:hover:not(:disabled) .euro-event-load-more-icon {
	transform: translateX(4px);
}