/* HeroButton split-arrow, adapted from Cojeev (MIT) to DiMX's static guides. */
.button.dimx-split-button {
  --split-face:#482D3F; --split-ink:#FFF8EE;
  position:relative; isolation:isolate; display:inline-flex; align-items:center;
  justify-content:center; gap:6px; min-width:0;
  min-height:52px; max-width:100%; padding:7px 12px 7px 20px;
  border:0; border-radius:999px; background:var(--split-face); color:var(--split-ink);
  font:600 15px/1.3 'DM Sans',sans-serif; letter-spacing:-.025em; text-decoration:none;
  vertical-align:middle; -webkit-tap-highlight-color:transparent;
}
.button.dimx-split-button:hover { background:var(--split-face); text-decoration:none; }
.dimx-split-label { display:block; min-width:0; overflow-wrap:normal; }
.dimx-split-arrow {
  display:grid; place-items:center; flex:0 0 34px; width:34px; height:32px;
  background:transparent; color:inherit;
  pointer-events:none; transition:transform 280ms cubic-bezier(.22,1,.36,1);
}
.dimx-split-arrow svg { display:block; width:34px; height:24px; overflow:visible; }
.button.dimx-split-button:is(:hover,:focus-visible,[data-arrow-active="true"]) .dimx-split-arrow { transform:translateX(4px); }
.button.dimx-split-button:focus-visible { outline:2px solid var(--ink); outline-offset:6px; }
.button.dimx-split-button:active .dimx-split-arrow { transform:translateX(2px) scale(.96); }
.button.button-small.dimx-split-button { min-width:0; min-height:44px; padding:5px 10px 5px 16px; gap:6px; font-size:13px; }
.button-small .dimx-split-arrow { flex-basis:30px; width:30px; height:30px; }
.button-small .dimx-split-arrow svg { width:30px; height:21px; }
:root[data-theme="dark"] .button.dimx-split-button { --split-face:#F3C7A3; --split-ink:#482D3F; }
@media(max-width:600px) {
  .button.dimx-split-button { font-size:13px; gap:6px; padding-left:18px; }
  .button.button-small.dimx-split-button { font-size:11px; gap:5px; padding-left:14px; }
  .button-small .dimx-split-arrow { flex-basis:28px; width:28px; height:28px; }
}
@media(prefers-reduced-motion:reduce) {
  .dimx-split-arrow { transition:none!important; }
  .button.dimx-split-button:is(:hover,:focus-visible,:active,[data-arrow-active="true"]) .dimx-split-arrow { transform:none; }
}