asmodee-goo-button{--ag-duration: 1.6s;--ag-reach: 1.8;--ag-high: #e4ef79;--ag-base: #b8cd32;--ag-low: #73931e;--ag-dark: #354c0a;--ag-glint: #f4ffd0;--ag-ink: #101a14;--ag-edge: #2a2b2a;display:inline-block;position:relative;min-width:min(236px,100%);max-width:100%;padding-bottom:72px;vertical-align:top;line-height:1;isolation:isolate}asmodee-goo-button,asmodee-goo-button *,asmodee-goo-button *:before,asmodee-goo-button *:after{box-sizing:border-box}asmodee-goo-button[hidden]{display:none}asmodee-goo-button .ag__button{text-decoration:none;-webkit-tap-highlight-color:transparent}asmodee-goo-button[data-material=blood]{--ag-high: #de2435;--ag-base: #b00a1c;--ag-low: #790310;--ag-dark: #340006;--ag-glint: #ffc8bd;--ag-ink: #fff4de}asmodee-goo-button .ag__button{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:min(236px,100%);max-width:100%;min-height:56px;margin:0;padding:15px 30px;border:2px solid var(--ag-edge);border-radius:999px;background:var(--ag-base);box-shadow:0 5px 0 var(--ag-edge);color:var(--ag-base);--ag-iterations: 1;font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;text-align:center;cursor:pointer;touch-action:manipulation}asmodee-goo-button .ag__button:is(:hover,:focus-visible){box-shadow:0 7px 0 var(--ag-edge)}asmodee-goo-button .ag__button:active{box-shadow:0 4px 0 var(--ag-edge)}asmodee-goo-button .ag__surface{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}asmodee-goo-button .ag__label{position:relative;color:var(--ag-ink);overflow-wrap:anywhere}asmodee-goo-button .ag__neck,asmodee-goo-button .ag__bead{opacity:0;transform-box:fill-box;transform-origin:50% 0}asmodee-goo-button .ag__strand--1{--ag-delay: 0ms;--ag-length: 16px}asmodee-goo-button .ag__strand--2{--ag-delay: .23s;--ag-length: 25px}asmodee-goo-button .ag__strand--3{--ag-delay: .58s;--ag-length: 10px}asmodee-goo-button .ag__strand--4{--ag-delay: .81s;--ag-length: 19px}asmodee-goo-button .ag__strand--5{--ag-delay: 1.2s;--ag-length: 12px}asmodee-goo-button .ag__strand--6{--ag-delay: .98s;--ag-length: 17px}asmodee-goo-button .ag__button:is(:hover,:focus-visible){--ag-iterations: infinite}asmodee-goo-button .ag__drop{opacity:0;transform-box:fill-box;transform-origin:50% 50%}asmodee-goo-button .ag__drop--1{--ag-delay: 0ms}asmodee-goo-button .ag__drop--2{--ag-delay: .23s}asmodee-goo-button .ag__drop--3{--ag-delay: .81s}asmodee-goo-button .ag__drop--4{--ag-delay: .58s}asmodee-goo-button .ag__drop--5{--ag-delay: .98s}@media(prefers-reduced-motion:no-preference){asmodee-goo-button .ag__button{transition:transform .16s ease,box-shadow .16s ease}asmodee-goo-button .ag__button:is(:hover,:focus-visible){transform:translateY(-2px)}asmodee-goo-button .ag__button:active{transform:translateY(1px)}asmodee-goo-button .ag__label{transition:transform .18s ease-out}asmodee-goo-button .ag__button:active .ag__label{transform:translateY(1px)}asmodee-goo-button.ag--in-view[data-initialized=true]:not(.ag--paused) .ag__button:is(:hover,:focus-visible,.ag__button--preview) .ag__neck{animation:ag-stretch var(--ag-duration) cubic-bezier(.4,0,.2,1) var(--ag-delay) var(--ag-iterations) both}asmodee-goo-button.ag--in-view[data-initialized=true]:not(.ag--paused) .ag__button:is(:hover,:focus-visible,.ag__button--preview) .ag__bead{animation:ag-weight var(--ag-duration) cubic-bezier(.4,0,.2,1) var(--ag-delay) var(--ag-iterations) both}asmodee-goo-button.ag--in-view[data-initialized=true]:not(.ag--paused) .ag__button:is(:hover,:focus-visible,.ag__button--preview) .ag__drop{animation:ag-fall var(--ag-duration) linear var(--ag-delay) var(--ag-iterations) both}}@keyframes ag-stretch{0%,86%,to{opacity:0;transform:scale(.6,.03)}12%{opacity:1;transform:scale(.94,.55)}42%{opacity:1;transform:scale(.72,var(--ag-reach))}57%{opacity:1;transform:scale(.28,calc(var(--ag-reach) * .9))}76%{opacity:.7;transform:scale(1.04,.4)}}@keyframes ag-weight{0%,86%,to{opacity:0;transform:translateY(-10px) scale(.1)}12%{opacity:1;transform:translateY(-4px) scale(.65)}42%{opacity:1;transform:translateY(calc(var(--ag-length) * (var(--ag-reach) - 1))) scale(1.06,.96)}57%{opacity:1;transform:translateY(calc(var(--ag-length) * (var(--ag-reach) - 1))) scale(.9,1.12)}76%{opacity:.6;transform:translateY(-5px) scale(.6)}}@keyframes ag-fall{0%,49%{opacity:0;transform:translateY(8px) scaleX(.55)}58%{opacity:1;transform:translateY(14px) scale(.95,1.16)}77%{opacity:1;transform:translateY(35px) scaleX(.85)}94%,to{opacity:0;transform:translateY(52px) scale(.2,.4)}}asmodee-goo-button .ag__button:focus-visible{outline:2px solid #101a14;outline-offset:6px;box-shadow:0 0 0 5px #fff4de,0 7px 0 var(--ag-edge)}
/*# sourceMappingURL=/cdn/shop/t/41/assets/asmodee-goo-button.css.map */