/* Set native button painting once, before press styles change, to keep
 * intrinsic input sizing stable in Safari/Chromium. */
:is(body.review-v3, #dkj-age-gate) :is(button, input[type="submit"], input[type="button"], input[type="reset"]):where(:not(.dkt-fanza-gallery__item):not(.rx3-mobile-menu__scrim):not([data-no-press-feedback])) {
	-webkit-appearance: none;
	appearance: none;
}

/* Individual transform properties preserve existing centering transforms. */
:is(body.review-v3, #dkj-age-gate) [data-dkj-feedback="button"]:where(:not(:disabled):not([aria-disabled="true"])) {
	translate: 0 0;
	scale: 1;
	box-shadow: 0 2px 5px rgba(66, 30, 44, .12);
	touch-action: manipulation;
	transition: translate 120ms ease-out, scale 120ms ease-out, box-shadow 120ms ease-out, background-color 120ms ease-out, border-color 120ms ease-out, filter 120ms ease-out, transform 120ms ease-out;
}

@media (hover: hover) and (pointer: fine) {
	:is(body.review-v3, #dkj-age-gate) [data-dkj-feedback="button"]:where(:not(:disabled):not([aria-disabled="true"]):not([data-dkj-press-cancelled])):hover {
		translate: 0 -1px;
		box-shadow: 0 4px 9px rgba(66, 30, 44, .17);
	}
}

:is(body.review-v3, #dkj-age-gate) [data-dkj-feedback="button"]:where(:not(:disabled):not([aria-disabled="true"]):not([data-dkj-press-cancelled])):is(:active, [data-dkj-pressed]) {
	translate: 0 1px;
	scale: .98;
	/* Shade the surface without replacing CTA gradients or native backgrounds. */
	box-shadow: inset 0 0 0 100vmax rgba(74, 29, 47, .08), inset 0 1px 2px rgba(46, 19, 31, .16), 0 1px 2px rgba(66, 30, 44, .1);
	border-color: #985b72;
	transition-duration: 80ms;
}

:is(body.review-v3, #dkj-age-gate) [data-dkj-feedback]:focus-visible {
	outline: 3px solid #a35c79;
	outline-offset: 3px;
}

/* Whole-card links only: touch movement/scroll cancels this state in JS. */
body.review-v3 [data-dkj-feedback="card"] {
	scale: 1;
	transition: scale 100ms ease-out, transform 120ms ease-out, box-shadow 120ms ease-out, border-color 120ms ease-out;
}

body.review-v3 [data-dkj-feedback="card"][data-dkj-pressed] {
	scale: .992;
	transition-duration: 80ms;
}

@media (prefers-reduced-motion: reduce) {
	:is(body.review-v3, #dkj-age-gate) [data-dkj-feedback] {
		translate: none;
		scale: 1;
		transition: none;
	}
	:is(body.review-v3, #dkj-age-gate) [data-dkj-feedback="button"]:is(:hover, :active, [data-dkj-pressed]),
	body.review-v3 [data-dkj-feedback="card"][data-dkj-pressed] {
		translate: none;
		scale: 1;
		transition: none;
	}
}