/* One button language (Ali 2026-11-13): arrow inside a second-colour circle, lift + colour change on hover, arrow turns. */
[data-mx-btn] { display: inline-flex; align-items: center; gap: 12px; padding-inline-end: 8px !important; min-height: 48px; transition: transform .25s ease, filter .25s ease, background-color .25s ease, border-color .25s ease, color .25s ease !important; }
[data-mx-btn] .mx-arr { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; flex: none; transition: transform .35s cubic-bezier(.2,.75,.1,1), background-color .25s ease, color .25s ease; }
[data-mx-btn] .mx-arr svg { width: 17px; height: 17px; }
[dir="rtl"] [data-mx-btn] .mx-arr svg, [data-mx-btn][dir="rtl"] .mx-arr svg { transform: scaleX(-1); }
/* solid buttons: dark circle with a warm arrow */
[data-mx-btn="solid"] .mx-arr { background: #0c1e36; color: #ffb35c; }
[data-mx-btn="solid"]:hover, [data-mx-btn="solid"]:focus-visible { transform: translateY(-2px); filter: brightness(1.08) saturate(1.05); }
/* outline buttons: orange circle, the button fills softly on hover */
[data-mx-btn="ghost"] .mx-arr { background: #ff9a2e; color: #120a02; }
[data-mx-btn="ghost"]:hover, [data-mx-btn="ghost"]:focus-visible { transform: translateY(-2px); background-color: rgba(255,154,46,.16) !important; border-color: #ff9a2e !important; }
[data-mx-btn]:hover .mx-arr, [data-mx-btn]:focus-visible .mx-arr { transform: rotate(45deg); }
[dir="rtl"] [data-mx-btn]:hover .mx-arr, [dir="rtl"] [data-mx-btn]:focus-visible .mx-arr { transform: rotate(-45deg); }
[data-mx-btn]:active { transform: translateY(0) scale(.98); }
/* compact header button keeps its height */
.site-header [data-mx-btn] { min-height: 44px; gap: 10px; }
.site-header [data-mx-btn] .mx-arr { width: 28px; height: 28px; background: #ff9a2e; color: #120a02; }
/* contact channel cards already show an icon circle */
.ct-ch[data-mx-btn] .mx-arr { margin-inline-start: auto; }
@media (prefers-reduced-motion: reduce) { [data-mx-btn], [data-mx-btn] .mx-arr { transition: none !important; } [data-mx-btn]:hover, [data-mx-btn]:hover .mx-arr { transform: none; } }
/* phones and tablets: the header button lives inside the menu, as designed (keeps the logo at full size) */
@media (max-width: 1024px) { .site-header .desktop-enquiry[data-mx-btn] { display: none; } }