.btn-gold {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
	isolation: isolate;
	font-weight: 600;
	letter-spacing: .02em;
	color: #020201;
	background: linear-gradient(135deg, oklch(50% .08 65) 0%, oklch(78% .1 80) 45%, oklch(88% .09 85) 55%, oklch(50% .08 65) 100%);
	background-size: 200% 200%;
	background-position: 0% 50%;
	box-shadow: 0 10px 40px -10px oklch(72% .09 75 / .4);
	border-radius: 9999px; /* Default fully rounded Pill shape */
	padding: .95rem 2rem;
	transition: transform .3s ease, box-shadow .3s ease, background-position .8s ease;
	text-decoration: none;
}

/* Target inner icons to make sure they match text scaling */
.btn-gold .btn-icon-wrapper, 
.btn-gold i, 
.btn-gold svg {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	fill: currentColor;
	color: inherit;
	line-height: 1;
	transition: transform .3s ease;
}

/* Hover physics & position transition */
.btn-gold:hover {
	background-position: 100% 50%;
	box-shadow: 0 20px 60px -15px oklch(72% .09 75 / .55);
	transform: translateY(-2px) scale(1.02);
}

/* Sliding glare reflection pseudo-element */
.btn-gold:after {
	content: "";
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(110deg, rgba(255,255,255,0) 35%, rgba(255,255,255,0.45) 50%, rgba(255,255,255,0) 65%);
	transition: transform .9s ease-in-out;
	position: absolute;
	inset: 0;
	transform: translate(-120%);
}

.btn-gold:hover:after {
	transform: translate(120%);
}
