.glass-card {
	background: var(--color-glass-surface);
	border: 1px solid var(--color-border-glass);
	border-radius: var(--radius-md);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: border-color var(--transition), box-shadow var(--transition);
}

.glass-card:hover {
	border-color: var(--color-border-hover);
}

.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	padding: 0.75rem 1.5rem;
	border-radius: var(--radius-pill);
	font-weight: 500;
	font-size: 0.9375rem;
	line-height: 1;
	transition: background-color var(--transition), color var(--transition), border-color var(--transition), box-shadow var(--transition), transform var(--transition);
}

.btn--primary {
	background-color: var(--color-accent);
	color: var(--color-bg-primary);
}

.btn--primary:hover {
	background-color: var(--color-accent-hover);
	box-shadow: var(--shadow-glow);
}

.btn--glass {
	background: var(--color-glass-surface);
	border: 1px solid var(--color-border-glass);
	color: var(--color-white);
}

.btn--glass:hover {
	border-color: var(--color-border-hover);
}

.btn--circle {
	width: 3.5rem;
	height: 3.5rem;
	padding: 0;
	border-radius: 50%;
}

/* Luxury hover — site-wide (GSAP-driven) */
[data-lux-hover] {
	will-change: transform;
}

[data-lux-hover].is-lux-hover.btn--primary {
	box-shadow: 0 0 36px rgba(214, 255, 47, 0.32);
}

[data-lux-hover].is-lux-hover.btn--glass {
	border-color: var(--color-border-hover);
	background: rgba(214, 255, 47, 0.06);
}