:root {
	--mm-button-bg: #f15a45;
	--mm-button-bg-hover: #d64231;
	--mm-button-text: #fff;
	--mm-button-radius: 7px;
	--mm-button-focus: rgb(241 90 69 / 38%);
}

html body #main .post-content a.mm-native-button,
html body #main .post-content a.fusion-button,
html body #main .post-content a.wp-element-button,
html body #main .post-content .wp-block-button__link,
html body #main .post-content a.button,
html body #main .post-content button:not(.mejs-button):not([class*="menu"]),
html body #main .post-content input[type="button"],
html body #main .post-content input[type="submit"],
html body #main .affiliate-product-box a[style*="background"],
html body #main a.mmph-product__button,
html body #main #comment-submit,
html body #main .wpcf7-submit {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	max-width: 100%;
	padding: 0.72em 1em !important;
	border: 0 !important;
	border-radius: var(--mm-button-radius) !important;
	background: var(--mm-button-bg) !important;
	color: var(--mm-button-text) !important;
	-webkit-text-fill-color: var(--mm-button-text) !important;
	font: inherit;
	font-weight: 700 !important;
	line-height: 1.68;
	text-align: center;
	text-decoration: none !important;
	box-shadow: none !important;
	cursor: pointer;
	transition: color 0.18s, background-color 0.18s, border-color 0.18s, transform 0.18s !important;
}

html body #main .post-content a.mm-native-button > span,
html body #main .post-content a.fusion-button span,
html body #main .post-content a.wp-element-button span,
html body #main .affiliate-product-box a[style*="background"] span,
html body #main a.mmph-product__button span:not(.screen-reader-text) {
	color: var(--mm-button-text) !important;
	-webkit-text-fill-color: var(--mm-button-text) !important;
}

html body #main .post-content a.mm-native-button:hover,
html body #main .post-content a.fusion-button:hover,
html body #main .post-content a.wp-element-button:hover,
html body #main .post-content .wp-block-button__link:hover,
html body #main .post-content a.button:hover,
html body #main .post-content button:not(.mejs-button):not([class*="menu"]):hover,
html body #main .post-content input[type="button"]:hover,
html body #main .post-content input[type="submit"]:hover,
html body #main .affiliate-product-box a[style*="background"]:hover,
html body #main a.mmph-product__button:hover,
html body #main #comment-submit:hover,
html body #main .wpcf7-submit:hover {
	background: var(--mm-button-bg-hover) !important;
	color: var(--mm-button-text) !important;
	-webkit-text-fill-color: var(--mm-button-text) !important;
	transform: translateY(-1px);
	filter: none !important;
}

html body #main .post-content a.mm-native-button:focus-visible,
html body #main .post-content a.fusion-button:focus-visible,
html body #main .post-content a.wp-element-button:focus-visible,
html body #main .post-content .wp-block-button__link:focus-visible,
html body #main .post-content a.button:focus-visible,
html body #main .post-content button:focus-visible,
html body #main .post-content input:focus-visible,
html body #main .affiliate-product-box a[style*="background"]:focus-visible,
html body #main a.mmph-product__button:focus-visible,
html body #main #comment-submit:focus-visible,
html body #main .wpcf7-submit:focus-visible {
	outline: 3px solid var(--mm-button-focus) !important;
	outline-offset: 3px;
	background: var(--mm-button-bg-hover) !important;
}

html body #main .post-content a.mm-native-button:active,
html body #main .post-content a.fusion-button:active,
html body #main .post-content .wp-block-button__link:active,
html body #main .post-content button:active,
html body #main .affiliate-product-box a[style*="background"]:active,
html body #main a.mmph-product__button:active {
	transform: translateY(0);
}

html body #main .post-content span.mm-native-button--disabled {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0.72em 1em;
	border-radius: var(--mm-button-radius);
	background: var(--mm-button-bg);
	color: var(--mm-button-text) !important;
	opacity: 0.58;
	cursor: default;
}

@media (max-width: 640px) {
	html body #main .post-content a.mm-native-button,
	html body #main .post-content .wp-block-button__link,
	html body #main .post-content a.fusion-button,
	html body #main a.mmph-product__button {
		width: 100%;
	}
}

@media (prefers-reduced-motion: reduce) {
	html body #main .post-content a,
	html body #main .post-content button,
	html body #main .post-content input,
	html body #main a.mmph-product__button {
		transition: none !important;
	}
}