/* Only the new header shortcode, not every planner button, is styled here. */
.kunst-planner-header-shortcode {
  appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  box-sizing:border-box;max-width:100%;min-height:44px;padding:8px 24px;margin:0;
  border:1px solid #987bb0;border-radius:999px;background:transparent;color:#674b7c;
  font:500 14px/1.4 Inter,system-ui,sans-serif;letter-spacing:.045em;text-transform:uppercase;
  white-space:nowrap;cursor:pointer;transition:background-color .2s ease,border-color .2s ease;
}
.kunst-planner-header-shortcode svg{width:20px;height:20px;flex:0 0 20px;stroke:currentColor}
.kunst-planner-header-shortcode:hover{background:#f4edf8;border-color:#674b7c;color:#5f4574}
.kunst-planner-header-shortcode:active{background:#eee4f4}
.kunst-planner-header-shortcode:focus-visible{outline:2px solid #674b7c;outline-offset:3px}
/* When the shortcode is in the header, do not repeat the original sticky launcher. */
body:has(.kunst-planner-header-shortcode) .kp-launch{display:none!important}
@media(max-width:650px){.kunst-planner-header-shortcode{min-height:44px;padding:8px 14px;gap:7px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.kunst-planner-header-shortcode{transition:none}}