.kaotik-glass-button{--kaotik-glass-accent: #06d2d2;--kaotik-glass-accent-light: #83ffff;--kaotik-glass-hover: #09bbbb;--kaotik-glass-bg: var(--kaotik-glass-surface);--kaotik-glass-text: #333;--kaotik-glass-radius: 18px;--kaotik-glass-width: 126px;--kaotik-glass-height: 33px;--kaotik-glass-left: 5px;--kaotik-glass-top: 3px;--kaotik-glass-label-offset-y: -3px;position:relative;display:inline-flex;align-items:center;justify-content:center;width:136px;height:45px;min-width:136px;min-height:45px;padding:0;margin:0;border:0;border-radius:var(--kaotik-glass-radius);background:transparent;box-shadow:none;color:var(--kaotik-glass-text);cursor:pointer;text-decoration:none;-webkit-appearance:none;appearance:none}.kaotik-glass-button:hover,.kaotik-glass-button:focus,.kaotik-glass-button:focus-visible{background:transparent;color:var(--kaotik-glass-text)}.kaotik-glass-button:focus-visible{outline:2px solid var(--kaotik-glass-hover);outline-offset:2px}.kaotik-glass-button__surface{position:absolute;top:var(--kaotik-glass-top);left:var(--kaotik-glass-left);box-sizing:border-box;width:var(--kaotik-glass-width);height:var(--kaotik-glass-height);border:0;transition:background .18s ease,box-shadow .18s ease}.kaotik-glass-button .kaotik-glass-button__surface.kaotik-glass-frame{--kaotik-glass-frame-radius: var(--kaotik-glass-radius);--kaotik-glass-frame-bg: var(--kaotik-glass-bg);position:absolute;outline:none}.kaotik-glass-button__label{position:relative;z-index:1;display:block;width:var(--kaotik-glass-width);overflow:hidden;font-family:var(--font-button, var(--font-base, sans-serif));font-size:8px;font-style:normal;font-weight:500;line-height:1.15;text-align:center;text-overflow:ellipsis;transform:translateY(var(--kaotik-glass-label-offset-y));white-space:nowrap;transition:color .18s ease,font-weight .18s ease}.kaotik-glass-button:after{content:"";position:absolute;left:21px;bottom:3px;width:5px;height:1px;border-radius:2px;background:var(--kaotik-glass-accent);opacity:0;transition:opacity .18s ease,width .28s cubic-bezier(.22,1,.36,1)}.kaotik-glass-button:is(.is-active,[aria-selected=true],[aria-pressed=true],[aria-current=page],.kaotik-glass-button--primary) .kaotik-glass-button__surface.kaotik-glass-frame{--kaotik-glass-frame-edge-opacity: 0;--kaotik-glass-frame-inner-opacity: 0;--kaotik-glass-frame-shadow: var(--kaotik-glass-selected-shadow);background:var(--kaotik-glass-selected-background);outline:var(--kaotik-glass-selected-outline);outline-offset:0;-webkit-backdrop-filter:none;backdrop-filter:none}.kaotik-glass-button:active:not(:disabled):not([aria-disabled=true]) .kaotik-glass-button__surface.kaotik-glass-frame{--kaotik-glass-frame-edge-opacity: 0;--kaotik-glass-frame-inner-opacity: 0;background:var(--kaotik-glass-hover);outline:1px solid var(--kaotik-glass-hover)}@media(hover:hover)and (pointer:fine){.kaotik-glass-button:hover:not(:disabled):not([aria-disabled=true]):not(:is(.is-active,[aria-selected=true],[aria-pressed=true],[aria-current=page],.kaotik-glass-button--primary)) .kaotik-glass-button__surface{--kaotik-glass-frame-shadow: var(--kaotik-glass-shadow-hover)}.kaotik-glass-button:hover:not(:disabled):not([aria-disabled=true]) .kaotik-glass-button__surface.kaotik-glass-frame{--kaotik-glass-frame-edge-opacity: 0;--kaotik-glass-frame-inner-opacity: 0;background:var(--kaotik-glass-hover);outline:1px solid var(--kaotik-glass-hover)}}.kaotik-glass-button:is(.is-active,[aria-selected=true],[aria-pressed=true],[aria-current=page]):after{width:94px;opacity:1}.kaotik-glass-button:is(.is-active,[aria-selected=true],[aria-pressed=true],[aria-current=page],.kaotik-glass-button--primary) .kaotik-glass-button__label{color:#fff;font-weight:700}.kaotik-glass-button--article{--font-button: "Plus Jakarta Sans", var(--font-body-family, sans-serif);--kaotik-glass-width: 100%;--kaotik-glass-height: 100%;--kaotik-glass-left: 0px;--kaotik-glass-top: 0px;--kaotik-glass-label-offset-y: 0px;--kaotik-glass-radius: 22px;box-sizing:border-box;width:140px;max-width:100%;min-width:0;height:44px;min-height:44px;flex-shrink:0}.kaotik-glass-button--article .kaotik-glass-button__label{font-size:13px}@media(prefers-reduced-motion:reduce){.kaotik-glass-button,.kaotik-glass-button:after,.kaotik-glass-button__surface,.kaotik-glass-button__label{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/kaotik-glass-button.css.map */