.kh-mb-wrapper{box-sizing:border-box;display:flex;position:relative;width:100%;z-index:10}.kh-mb-wrapper.aligncenter,.kh-mb-wrapper.alignleft,.kh-mb-wrapper.alignright{clear:none;float:none;max-width:none}.kh-mb-wrapper:focus-within,.kh-mb-wrapper:hover{z-index:20}.wp-block-columns .kh-mb-wrapper,:where(.is-layout-flex,.is-layout-grid)>.kh-mb-wrapper{flex:0 1 auto;width:auto}.kh-mb-button{--kh-js-x:0px;--kh-js-y:0px;--kh-js-scale:1;align-items:center;background-color:var(--kh-mb-bg);border:var(--kh-mb-bw) var(--kh-mb-bs) var(--kh-mb-bc);border-radius:var(--kh-mb-br);box-shadow:var(--kh-mb-shadow);color:var(--kh-mb-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--kh-mb-font);font-style:inherit;font-weight:inherit;justify-content:center;letter-spacing:inherit;line-height:inherit;overflow:visible;padding:var(--kh-mb-pad-v) var(--kh-mb-pad-h);position:relative;text-decoration:none;text-transform:inherit;transform-style:preserve-3d;white-space:nowrap;--kh-effect-y:0px;transform:translate3d(var(--kh-js-x),calc(var(--kh-js-y) + var(--kh-effect-y)),0) scale(var(--kh-js-scale));transition:background-color .3s ease,transform .4s cubic-bezier(.25,1,.5,1),color .3s ease,box-shadow .3s cubic-bezier(.25,1,.5,1),border-color .3s ease}a.kh-mb-button{color:var(--kh-mb-text);text-decoration:none!important}.kh-mb-button:focus{outline:none}.kh-mb-button:focus-visible{box-shadow:0 0 15px rgba(0,0,0,.1);outline:2px dashed var(--kh-accent,#10b981);outline-offset:4px}.kh-mb-button:hover{border-color:var(--kh-mb-bc-hov);box-shadow:var(--kh-mb-shadow-hov);color:var(--kh-mb-text-hov)}.kh-mb-button.kh-mb-magnetic-active{transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,border-color .3s ease;will-change:transform}.kh-mb-button.is-glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:transparent}.kh-mb-button-fx{overflow:hidden;z-index:0}.kh-mb-button-fx,.kh-mb-button-fx:after,.kh-mb-button-fx:before{border-radius:inherit;inset:0;pointer-events:none;position:absolute}.kh-mb-button-fx:after,.kh-mb-button-fx:before{content:""}.kh-mb-button-fx:before{background-color:var(--kh-mb-bg-hov);opacity:0;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s ease}.kh-mb-button.is-glass .kh-mb-button-fx:before{background-color:transparent}.kh-mb-button-fx,.kh-mb-content-wrap{--kh-js-px:0px;--kh-js-py:0px;--kh-hover-y:0px;--kh-hover-scale:1;transform:translate3d(var(--kh-js-px),calc(var(--kh-js-py) + var(--kh-hover-y)),0) scale(var(--kh-hover-scale));transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .3s ease}.kh-mb-content-wrap{align-items:center;display:flex;justify-content:center;position:relative;z-index:2}.kh-mb-button.kh-mb-magnetic-active .kh-mb-content-wrap{will-change:transform}.kh-mb-button:not(.kh-mb-magnetic-active) .kh-mb-content-wrap{transition:transform .4s cubic-bezier(.25,1,.5,1)}.kh-mb-text-inner{display:block;transition:color .3s ease}.kh-mb-button.kh-mb-style-soft{background-color:transparent}.kh-mb-button.kh-mb-style-soft .kh-mb-button-fx{background-color:var(--kh-mb-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--kh-mb-pulse) 24%,transparent)}.kh-mb-button:not([data-effect^=sweep-]):hover .kh-mb-button-fx:before{opacity:1}.kh-mb-button[data-scale=true]:hover .kh-mb-button-fx,.kh-mb-button[data-scale=true]:hover .kh-mb-content-wrap{--kh-hover-scale:1.05}@keyframes khmbPulseBtn{0%{box-shadow:0 0 0 0 var(--kh-mb-pulse)}70%{box-shadow:0 0 0 15px transparent}to{box-shadow:0 0 0 0 transparent}}.kh-mb-button.is-pulsing{animation:khmbPulseBtn 2s infinite}.kh-mb-button.is-pulsing:hover{animation:none}.kh-mb-status-dot{background-color:var(--kh-mb-dot);border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}@keyframes khmbRadarPulse{0%{box-shadow:0 0 0 0 var(--kh-mb-dot);opacity:1;transform:scale(.8)}to{box-shadow:0 0 0 8px transparent;opacity:0;transform:scale(1.1)}}.kh-mb-status-radar{display:inline-block;height:10px;margin-right:10px;position:relative;width:10px}.kh-mb-status-radar,.kh-mb-status-radar:after{border:2px solid var(--kh-mb-dot);border-radius:50%}.kh-mb-status-radar:after{animation:khmbRadarPulse 1.5s cubic-bezier(.25,1,.5,1) infinite;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px}.kh-mb-status-badge{align-items:center;background-color:var(--kh-mb-dot);border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);color:var(--kh-mb-badge-txt);display:inline-flex;font-size:.75em;font-weight:700;justify-content:center;margin-right:10px;padding:2px 8px;transform:translateY(-1px)}@keyframes khmbSparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.kh-mb-status-sparkles{align-items:center;color:var(--kh-mb-dot);display:inline-flex;justify-content:center;margin-right:8px}.kh-mb-status-sparkles svg{animation:khmbSparkle 2s ease-in-out infinite;height:18px;width:18px}.kh-mb-icon{align-items:center;display:inline-flex;height:var(--kh-mb-icon-sz);justify-content:center;line-height:0;transition:max-width .3s cubic-bezier(.25,1,.5,1),margin .3s cubic-bezier(.25,1,.5,1),opacity .3s ease,transform .3s cubic-bezier(.25,1,.5,1);width:var(--kh-mb-icon-sz)}.kh-mb-icon,.kh-mb-icon svg{flex:0 0 auto;overflow:visible}.kh-mb-icon svg{display:block;height:100%;min-width:0;width:100%}.kh-mb-button:not(.icon-always-visible) .kh-mb-icon{margin-left:0;margin-right:0;max-width:0;opacity:0;transform:scale(0)}.kh-mb-button.icon-always-visible .kh-mb-icon.kh-mb-icon-right,.kh-mb-button.icon-always-visible .kh-mb-icon.pos-right,.kh-mb-button:hover .kh-mb-icon.kh-mb-icon-right:not(.icon-always-visible),.kh-mb-button:hover .kh-mb-icon.pos-right:not(.icon-always-visible){margin-left:8px;max-width:var(--kh-mb-icon-sz);opacity:1;transform:scale(1)}.kh-mb-button.icon-always-visible .kh-mb-icon.kh-mb-icon-left,.kh-mb-button.icon-always-visible .kh-mb-icon.pos-left,.kh-mb-button:hover .kh-mb-icon.kh-mb-icon-left:not(.icon-always-visible),.kh-mb-button:hover .kh-mb-icon.pos-left:not(.icon-always-visible){margin-right:8px;max-width:var(--kh-mb-icon-sz);opacity:1;transform:scale(1)}.kh-mb-hitbox{bottom:-15px;left:-15px;position:absolute;right:-15px;top:-15px;z-index:1}.block-editor-block-list__block[data-type="kinetichub/magnetic-button"] .kh-mb-hitbox,.block-editor-page .kh-mb-hitbox,.is-editor-canvas .kh-mb-hitbox{pointer-events:none}.kh-mb-sr-only{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.kh-mb-button.kh-mb-offscreen,.kh-mb-button.kh-mb-offscreen .kh-mb-status-radar:after,.kh-mb-button.kh-mb-offscreen .kh-mb-status-sparkles svg{animation-play-state:paused}@media(max-width:768px){.kh-mb-button{font-size:var(--kh-mb-font-mob);text-align:center;white-space:normal}.kh-mb-icon{height:var(--kh-mb-icon-sz-mob);width:var(--kh-mb-icon-sz-mob)}.kh-mb-icon svg{height:100%;min-width:0;width:100%}.kh-mb-button.icon-always-visible .kh-mb-icon.kh-mb-icon-left,.kh-mb-button.icon-always-visible .kh-mb-icon.kh-mb-icon-right,.kh-mb-button.icon-always-visible .kh-mb-icon.pos-left,.kh-mb-button.icon-always-visible .kh-mb-icon.pos-right,.kh-mb-button:hover .kh-mb-icon.kh-mb-icon-left:not(.icon-always-visible),.kh-mb-button:hover .kh-mb-icon.kh-mb-icon-right:not(.icon-always-visible),.kh-mb-button:hover .kh-mb-icon.pos-left:not(.icon-always-visible),.kh-mb-button:hover .kh-mb-icon.pos-right:not(.icon-always-visible){max-width:var(--kh-mb-icon-sz-mob)}}@media(prefers-reduced-motion:reduce){.kh-mb-button,.kh-mb-button-fx:after,.kh-mb-button-fx:before,.kh-mb-button.has-neon,.kh-mb-button.is-pulsing,.kh-mb-icon,.kh-mb-text-inner,.kh-mb-wrapper[class*=kh-mb-entrance-]{animation:none!important;transform:none!important;transition:opacity .3s ease,background-color .3s ease,color .3s ease!important}.kh-mb-status-radar:after,.kh-mb-status-sparkles svg{animation:none}}.kh-mb-group{align-items:center;display:flex;flex-wrap:wrap;gap:var(--kh-mb-gap,12px)}.kh-mb-group.kh-mb-layout-stack{align-items:var(--kh-mb-align,center);flex-direction:column;flex-wrap:nowrap}.kh-mb-group>.kh-mb-button{max-width:100%;overflow-wrap:anywhere;text-align:center;white-space:normal}.kh-mb-group>.kh-mb-button:hover{z-index:1}.kh-mb-group>.kh-mb-button:focus-visible{z-index:2}.kh-mb-group>.kh-mb-button>.kh-mb-hitbox{--kh-mb-hit:min(15px,var(--kh-mb-gap,12px)/2);--kh-mb-hit-top:var(--kh-mb-hit-t,var(--kh-mb-hit));--kh-mb-hit-right:var(--kh-mb-hit-r,var(--kh-mb-hit));--kh-mb-hit-bottom:var(--kh-mb-hit-b,var(--kh-mb-hit));--kh-mb-hit-left:var(--kh-mb-hit-l,var(--kh-mb-hit));bottom:calc((var(--kh-mb-hit-bottom) + var(--kh-mb-bw, 0px))*-1);left:calc((var(--kh-mb-hit-left) + var(--kh-mb-bw, 0px))*-1);right:calc((var(--kh-mb-hit-right) + var(--kh-mb-bw, 0px))*-1);top:calc((var(--kh-mb-hit-top) + var(--kh-mb-bw, 0px))*-1);transform:scale(calc(1/var(--kh-js-scale, 1))) translate(calc(var(--kh-js-x, 0px)*-1),calc((var(--kh-js-y, 0px) + var(--kh-effect-y, 0px))*-1));transform-origin:calc(50% + (var(--kh-mb-hit-left) - var(--kh-mb-hit-right))/2) calc(50% + (var(--kh-mb-hit-top) - var(--kh-mb-hit-bottom))/2);transition:transform .4s cubic-bezier(.25,1,.5,1)}.kh-mb-group>.kh-mb-button.kh-mb-magnetic-active>.kh-mb-hitbox{transition:none}.kh-mb-group>.kh-mb-button[data-scale=true]:hover .kh-mb-button-fx{--kh-hover-scale:var(--kh-mb-fx-scale,1.05)}.kh-mb-group>.kh-mb-button:not(.icon-always-visible):has(.kh-mb-icon){transition:background-color .3s ease,transform .4s cubic-bezier(.25,1,.5,1),color .3s ease,box-shadow .3s cubic-bezier(.25,1,.5,1),border-color .3s ease,padding .3s cubic-bezier(.25,1,.5,1)}.kh-mb-group>.kh-mb-button.kh-mb-magnetic-active:not(.icon-always-visible):has(.kh-mb-icon){transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,border-color .3s ease,padding .3s cubic-bezier(.25,1,.5,1)}.kh-mb-group>.kh-mb-button:not(.icon-always-visible):has(.kh-mb-icon):hover{padding-left:max(0px,var(--kh-mb-pad-h) - (var(--kh-mb-icon-sz) + 8px)/2);padding-right:max(0px,var(--kh-mb-pad-h) - (var(--kh-mb-icon-sz) + 8px)/2)}@media(max-width:768px){.kh-mb-group.kh-mb-mobile-full-width,.kh-mb-group.kh-mb-mobile-stack{flex-direction:column;flex-wrap:nowrap}.kh-mb-group.kh-mb-mobile-stack{align-items:var(--kh-mb-align,center)}.kh-mb-group.kh-mb-mobile-full-width{align-items:stretch}.kh-mb-wrapper.kh-mb-group.kh-mb-mobile-full-width{width:100%}.kh-mb-group.kh-mb-mobile-full-width>.kh-mb-button>.kh-mb-hitbox{--kh-mb-hit-left:0%;--kh-mb-hit-right:0%}.kh-mb-group>.kh-mb-button:not(.icon-always-visible):has(.kh-mb-icon):hover{padding-left:max(0px,var(--kh-mb-pad-h) - (var(--kh-mb-icon-sz-mob) + 8px)/2);padding-right:max(0px,var(--kh-mb-pad-h) - (var(--kh-mb-icon-sz-mob) + 8px)/2)}}@media(prefers-reduced-motion:reduce){.kh-mb-group>.kh-mb-button>.kh-mb-hitbox{transform:none;transition:none}}
