.btn--fit-content{width:fit-content}.glitch-btn .btn__bg{position:absolute;top:0;left:0;right:0;bottom:0;color:var(--btn-bg-color)}.glitch-btn{position:relative;padding:0 2ch}.glitch-btn .btn__bg:before,.glitch-btn .btn__bg:after{position:absolute;top:50%;font-weight:700;transform:translateY(-50%)}.glitch-btn .btn__bg:before{content:"[";left:0;--translate-x:-3px}.glitch-btn .btn__bg:after{content:"]";right:0;--translate-x:3px}@media (hover: hover){.glitch-btn:active .btn__bg:after,.glitch-btn:active .btn__bg:before,.glitch-btn:focus .btn__bg:after,.glitch-btn:focus .btn__bg:before,.glitch-btn:hover .btn__bg:after,.glitch-btn:hover .btn__bg:before{transform:translate(var(--translate-x),-50%);transition:transform .2s cubic-bezier(.95,.05,.795,.035)}.glitch-btn .btn__bg:after,.glitch-btn .btn__bg:before{transition:transform .2s cubic-bezier(.19,1,.22,1)}}.char{display:inline-block;transition:opacity .2s ease}.char.--glitching,[data-button-glitch-effect] .char.--glitching{opacity:.4}.char[data-char=" "]{padding:0 3px}.whiteline-btn{position:relative;--em-translate-value: .1875em;--top-value: 0}.whiteline-btn .btn__label{line-height:1;display:inline-block;transition:transform .2s cubic-bezier(.23,1,.32,1)}@media (hover: hover){.whiteline-btn:hover .btn__label{transform:translate(var(--em-translate-value));transition:transform .3s cubic-bezier(.23,1,.32,1) .1s;color:var(--color-text-button-primary-hover)}.whiteline-btn:active:before,.whiteline-btn:focus:before,.whiteline-btn:hover:before{transform:scaleX(1.0001);transition:transform .5s cubic-bezier(.86,0,.07,1)}.whiteline-btn:before{background-color:#f5f5f5;content:"";height:100%;left:0;mix-blend-mode:difference;position:absolute;top:var(--top-value);transform:scaleX(.00001);transform-origin:left;transition:transform .3s cubic-bezier(.86,0,.07,1);width:calc(100% + .375em);z-index:0}}@media (hover: hover){.blink-btn{--color-red:var(--color-text-links-hover);--hover-color: var(--color-red);transition:color .1s linear}.blink-btn:active,.blink-btn:focus,.blink-btn:hover{animation:colorGlitch .3s linear forwards}}@keyframes colorGlitch{0%{color:currentColor;color:var(--color, currentColor)}33%{color:var(--hover-color)}66%{color:currentColor;color:var(--color, currentColor)}to{color:var(--hover-color)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/button.css.map */
