/* Buttons */

:root{
	--brand-orange-hover: #bf4f1d;
	--button-font-size: 0.95rem;
	--button-font-weight: 700;
	--button-radius: 999px;
	--button-padding-y: 0.95rem;
	--button-padding-x: 1.5rem;
	--button-shadow: 0 16px 32px rgba(217,99,37,0.22);
	--button-shadow-hover: 0 20px 40px rgba(217,99,37,0.28);
	--button-focus-ring: 0 0 0 4px rgba(217,99,37,0.18);
}

.btn,
.btn-primary,
.btn-glass{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:0.5rem;
	padding:var(--button-padding-y) var(--button-padding-x);
	border:1px solid transparent;
	border-radius:var(--button-radius);
	font-size:var(--button-font-size);
	font-weight:var(--button-font-weight);
	line-height:1;
	text-decoration:none;
	white-space:nowrap;
	cursor:pointer;
	transition:
		background-color .24s ease,
		color .24s ease,
		border-color .24s ease,
		box-shadow .24s ease,
		transform .24s ease;
}

.btn-primary{
	background:var(--brand-orange);
	color:#ffffff;
	box-shadow:var(--button-shadow);
}

.btn-primary:hover,
.btn-primary:focus-visible{
	background:var(--brand-orange-hover);
	color:#ffffff;
	transform:translateY(-2px);
	box-shadow:var(--button-shadow-hover);
}

.btn-primary:focus-visible,
.btn-glass:focus-visible{
	outline:none;
	box-shadow:var(--button-shadow-hover), var(--button-focus-ring);
}

.btn-glass{
	background:rgba(255,255,255,0.08);
	border:1px solid rgba(255,255,255,0.25);
	backdrop-filter:blur(6px);
	color:#ffffff;
	box-shadow:none;
}

.btn-glass:hover,
.btn-glass:focus-visible{
	background:rgba(255,255,255,0.18);
	color:#ffffff;
	transform:translateY(-2px);
}