/* XR888 Pro Theme — Buttons */
.btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	font-family: var(--at-font-display);
	font-weight: 700;
	font-size: 16px;
	min-height: 48px;
	padding: 0 1.5rem;
	border-radius: 8px;
	text-decoration: none;
	cursor: pointer;
	border: 2px solid transparent;
	transition: background var(--at-transition), color var(--at-transition), border-color var(--at-transition), transform var(--at-transition);
	line-height: 1;
}
.btn:active { transform: scale(0.98); }
.btn-gold {
	background: var(--at-accent);
	color: #ffffff;
	border-color: var(--at-accent);
}
.btn-gold:hover {
	background: var(--at-accent-hover);
	color: #ffffff;
	border-color: var(--at-accent-hover);
	text-decoration: none;
	transform: translateY(-2px);
}
.btn-outline {
	background: transparent;
	color: var(--at-accent);
	border-color: var(--at-accent);
}
.btn-outline:hover {
	background: var(--at-accent);
	color: #ffffff;
	text-decoration: none;
	transform: translateY(-2px);
}