/* MOV-1.5.17-009: front-only compact buttons wrap instead of adding horizontal scroll. */
.motive-switcher{margin:56px 0 22px;padding-top:26px;border-top:1px solid var(--ch-border,#d5dcd2)}
.motive-switcher h2{font:500 1.1rem "Sora",sans-serif;color:var(--ch-text,#0b3f3d)}
.motive-switcher>div{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.motive-switch-button,.motive-pagination a{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;min-height:44px;border:1px solid var(--ch-border,#d5dcd2);border-radius:30px;background:color-mix(in srgb,var(--ch-surface-1,#fffaf0) 85%,transparent);box-shadow:inset 1px 1px #ffffff66;color:var(--ch-text,#0b3f3d);text-decoration:none;font:500 .8rem "Sora",sans-serif}
.motive-switch-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--ch-primary,#2a9d8f) 12%,transparent);font-size:1.3rem}
.motive-switch-button:hover,.motive-pagination a:hover{border-color:var(--ch-primary,#2a9d8f)}
.motive-switch-button:focus-visible,.motive-pagination a:focus-visible{outline:2px solid var(--ch-primary,#2a9d8f);outline-offset:3px}
.motive-pagination{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:16px;margin-top:26px}
@media(max-width:480px){.motive-switcher>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.motive-switch-button{padding:9px 10px;font-size:.7rem;gap:6px}.motive-switch-icon{flex:none;width:26px;height:26px}}

.motive-switch-icon svg{width:18px;height:18px}