.pistachio-button{--pistachio-bg: #fbe6d7;--pistachio-text: #3a4411;--pistachio-shadow: #000000;--mouse-x: 50%;position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.5rem 5rem;font-size:2.2rem;font-weight:900;color:var(--pistachio-text);text-decoration:none;border:none;cursor:pointer;z-index:1;background:none;filter:drop-shadow(4px 4px 0 var(--pistachio-shadow));transition:transform .2s cubic-bezier(.4,0,.2,1),filter .2s ease}.pistachio-button .liquid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;filter:url(#liquid);pointer-events:none}.pistachio-button .liquid-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:30%;background-color:var(--pistachio-bg);border-radius:50px;border:2px solid var(--pistachio-text)}.pistachio-button .drip{position:absolute;bottom:10%;width:18px;height:30px;background-color:var(--pistachio-bg);border-radius:10px;transition:left .3s ease-out,height .3s ease}.pistachio-button .drip-1{left:calc(var(--mouse-x) * .4 + 10%);height:35px}.pistachio-button .drip-2{left:calc(var(--mouse-x) * .4 + 50%);height:45px}.pistachio-button:hover{transform:translate(4px,4px);filter:drop-shadow(0 0 0 transparent)}.pistachio-button:hover .drip-1{height:45px}.pistachio-button:hover .drip-2{height:55px}.pistachio-button:active{transform:translate(5px,5px);filter:brightness(.95) drop-shadow(0 0 0 transparent)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/component-pistachio-button.css.map */