/* ==========================================================================
   LGD Custom Button Styles
   ========================================================================== */

/* Global button hover lift
--------------------------------------------- */

.wp-block-button .wp-block-button__link {
	transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, transform 0.2s ease;
}

.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus-visible {
	transform: translateY(-2px);
}

/* Solid Black
--------------------------------------------- */

.wp-block-button.is-style-solid-black .wp-block-button__link {
	background-color: #000000;
	color: #ffffff;
	border: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
}

.wp-block-button.is-style-solid-black .wp-block-button__link:hover,
.wp-block-button.is-style-solid-black .wp-block-button__link:focus-visible {
	background-color: #222222;
	color: #ffffff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.35);
	text-decoration: none;
}

/* Solid Pink
--------------------------------------------- */

.wp-block-button.is-style-solid-pink .wp-block-button__link {
	background-color: #FF00AA;
	color: #000000;
	border: none;
	box-shadow: 0 2px 8px rgba(255, 0, 170, 0.3);
}

.wp-block-button.is-style-solid-pink .wp-block-button__link:hover,
.wp-block-button.is-style-solid-pink .wp-block-button__link:focus-visible {
	background-color: #EC008C;
	color: #000000;
	box-shadow: 0 4px 12px rgba(255, 0, 170, 0.45);
	text-decoration: none;
}

/* Solid White
--------------------------------------------- */

.wp-block-button.is-style-solid-white .wp-block-button__link {
	background-color: #ffffff;
	color: #000000;
	border: none;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
}

.wp-block-button.is-style-solid-white .wp-block-button__link:hover,
.wp-block-button.is-style-solid-white .wp-block-button__link:focus-visible {
	background-color: #f5f5f5;
	color: #000000;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
	text-decoration: none;
}

/* Outline White
--------------------------------------------- */

.wp-block-button.is-style-outline-white .wp-block-button__link {
	background-color: transparent;
	color: #ffffff;
	border: 2px solid #ffffff;
	box-shadow: none;
}

.wp-block-button.is-style-outline-white .wp-block-button__link:hover,
.wp-block-button.is-style-outline-white .wp-block-button__link:focus-visible {
	background-color: #ffffff;
	color: #000000;
	border-color: #ffffff;
	text-decoration: none;
}

/* Outline Black
--------------------------------------------- */

.wp-block-button.is-style-outline-black .wp-block-button__link {
	background-color: transparent;
	color: #000000;
	border: 2px solid #000000;
	box-shadow: none;
}

.wp-block-button.is-style-outline-black .wp-block-button__link:hover,
.wp-block-button.is-style-outline-black .wp-block-button__link:focus-visible {
	background-color: #000000;
	color: #ffffff;
	border-color: #000000;
	text-decoration: none;
}

/* Gradient Brand
--------------------------------------------- */

.wp-block-button.is-style-gradient-brand .wp-block-button__link {
	background: linear-gradient(135deg, #000000 0%, #FF00AA 100%);
	color: #ffffff;
	border: none;
}

.wp-block-button.is-style-gradient-brand .wp-block-button__link:hover,
.wp-block-button.is-style-gradient-brand .wp-block-button__link:focus-visible {
	background: linear-gradient(135deg, #FF00AA 0%, #000000 100%);
	color: #ffffff;
	text-decoration: none;
}

/* Gradient Brand Shadow
--------------------------------------------- */

.wp-block-button.is-style-gradient-brand-shadow .wp-block-button__link {
	background: linear-gradient(135deg, #000000 0%, #FF00AA 100%);
	color: #ffffff;
	border: none;
	box-shadow: 0 4px 15px rgba(255, 0, 170, 0.4);
}

.wp-block-button.is-style-gradient-brand-shadow .wp-block-button__link:hover,
.wp-block-button.is-style-gradient-brand-shadow .wp-block-button__link:focus-visible {
	background: linear-gradient(135deg, #FF00AA 0%, #000000 100%);
	color: #ffffff;
	box-shadow: 0 6px 20px rgba(255, 0, 170, 0.55);
	text-decoration: none;
}

/* Miles Primary — editorial CTA (Big Shoulders, white fill -> pink on hover)
--------------------------------------------- */

.wp-block-button.is-style-miles-primary .wp-block-button__link {
	font-family: var(--wp--preset--font-family--big-shoulders-display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--ms-lg);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ms-base);
	background: var(--wp--preset--color--ms-contrast);
	padding: var(--wp--preset--spacing--ms-30) var(--wp--preset--spacing--ms-40);
	border: none;
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.wp-block-button.is-style-miles-primary .wp-block-button__link:hover,
.wp-block-button.is-style-miles-primary .wp-block-button__link:focus-visible {
	background: var(--wp--preset--color--ms-accent-1);
	color: var(--wp--preset--color--ms-contrast);
	transform: translateX(4px);
	text-decoration: none;
}

/* Miles Ghost — outline CTA (transparent, hairline border -> pink on hover)
--------------------------------------------- */

.wp-block-button.is-style-miles-ghost .wp-block-button__link {
	font-family: var(--wp--preset--font-family--big-shoulders-display);
	font-weight: 800;
	font-size: var(--wp--preset--font-size--ms-lg);
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ms-contrast);
	background: transparent;
	padding: var(--wp--preset--spacing--ms-30) var(--wp--preset--spacing--ms-40);
	border: 2px solid var(--wp--preset--color--ms-accent-3);
	transition: border-color 0.3s ease, color 0.3s ease, transform 0.3s ease;
}

.wp-block-button.is-style-miles-ghost .wp-block-button__link:hover,
.wp-block-button.is-style-miles-ghost .wp-block-button__link:focus-visible {
	border-color: var(--wp--preset--color--ms-accent-1);
	color: var(--wp--preset--color--ms-accent-1);
	transform: translateX(4px);
	text-decoration: none;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button .wp-block-button__link,
	.wp-block-button.is-style-miles-primary .wp-block-button__link,
	.wp-block-button.is-style-miles-ghost .wp-block-button__link {
		transition: none;
	}

	.wp-block-button .wp-block-button__link:hover,
	.wp-block-button .wp-block-button__link:focus-visible,
	.wp-block-button.is-style-miles-primary .wp-block-button__link:hover,
	.wp-block-button.is-style-miles-primary .wp-block-button__link:focus-visible,
	.wp-block-button.is-style-miles-ghost .wp-block-button__link:hover,
	.wp-block-button.is-style-miles-ghost .wp-block-button__link:focus-visible {
		transform: none;
	}
}