.mk2e-button-wrap { display: flex; }
.mk2e-button {
	display: inline-flex; align-items: center; justify-content: center; gap: .6em; box-sizing: border-box;
	padding: .8em 1.6em; border: 2px solid transparent; border-radius: 6px; background: #1e2a4a; color: #fff;
	font: inherit; font-weight: 600; line-height: 1.2; text-decoration: none; cursor: pointer;
}
.mk2e-button:hover, .mk2e-button:focus-visible { background: #2b3b66; color: #fff; }
.mk2e-button:focus-visible { outline: 3px solid #2563eb; outline-offset: 3px; }
.mk2e-button:active { transform: scale(.98); }
.mk2e-button__icon { display: inline-flex; align-items: center; line-height: 1; transition: transform .25s ease; }
.mk2e-button__icon svg { width: 1em; height: 1em; fill: currentColor; }
.mk2e-btn-icon-slide .mk2e-button:hover .mk2e-button__icon,
.mk2e-btn-icon-slide .mk2e-button:focus-visible .mk2e-button__icon { transform: translateX(4px); }
.mk2e-btn-icon-rise .mk2e-button:hover .mk2e-button__icon,
.mk2e-btn-icon-rise .mk2e-button:focus-visible .mk2e-button__icon { transform: translateY(-3px); }
.mk2e-btn-icon-spin .mk2e-button:hover .mk2e-button__icon,
.mk2e-btn-icon-spin .mk2e-button:focus-visible .mk2e-button__icon { transform: rotate(360deg); }
@media (prefers-reduced-motion: reduce) {
	.mk2e-button__icon { transition: none; }
	.mk2e-button:hover .mk2e-button__icon, .mk2e-button:focus-visible .mk2e-button__icon, .mk2e-button:active { transform: none !important; }
}