/* Card Widget Styles */
.elementor-widget-card {
	width: 100%;
}

.elementor-widget-card .card-wrapper {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease;
	width: 100%;
	max-width: 100%;
}

.elementor-widget-card .card-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	opacity: 1;
	transition: opacity 0.3s ease;
	z-index: 1;
}

.elementor-widget-card .card-wrapper:hover .card-overlay {
	opacity: 0.5;
}

.elementor-widget-card .card-content {
	position: relative;
	z-index: 2;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 20px;
	box-sizing: border-box;
}

.elementor-widget-card .card-title {
	position: relative;
	z-index: 3;
	font-weight: bold;
	margin-bottom: auto;
}

.elementor-widget-card .card-button-container {
	position: relative;
	z-index: 3;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: auto;
}

.elementor-widget-card .card-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease;
	opacity: 0;
	transform: translateY(20px);
	visibility: hidden;
	width: auto;
	min-width: fit-content;
	box-sizing: border-box;
}

.elementor-widget-card .card-wrapper:hover .card-button {
	opacity: 1;
	transform: translateY(0);
	visibility: visible;
}

/* Show button on mobile and tablet devices */
@media (max-width: 1024px) {
	.elementor-widget-card .card-button {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
	}
	
	/* Make card clickable on mobile */
	.elementor-widget-card .card-wrapper[data-card-link] {
		cursor: pointer;
	}
}

.elementor-widget-card .card-button:hover,
.elementor-widget-card .card-button:active,
.elementor-widget-card .card-button:focus {
	text-decoration: none;
	outline: none;
}

.elementor-widget-card .card-button-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
}

.elementor-widget-card .card-button-text {
	display: inline-block;
	font-weight: bold;
	transition: all 0.3s ease;
	white-space: nowrap;
}

/* Smooth animations */
.elementor-widget-card .card-wrapper {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.elementor-widget-card .card-wrapper:hover {
	transform: translateY(-5px);
}