.boton-agua{--agua-acento:#c8f135;isolation:isolate;border:2px solid var(--agua-acento);position:relative;overflow:hidden}.boton-agua--ambar{--agua-acento:#f5a623}.boton-agua__contenido{z-index:2;transition:color .45s .12s;position:relative}.boton-agua__liquido{z-index:1;pointer-events:none;transition:transform .75s cubic-bezier(.22,.7,.2,1);position:absolute;inset:0;transform:translateY(calc(100% + 14px))}.boton-agua__liquido:after{content:"";background:#000;position:absolute;inset:0}.boton-agua__liquido:before,.boton-agua__liquido>.boton-agua__ola{content:"";background-repeat:repeat-x;animation:1.6s linear infinite boton-agua-ola;position:absolute;left:0;right:0}.boton-agua__liquido:before{--tile:-80px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14'%3E%3Cpath d='M0 8 Q20 0 40 8 T80 8 V14 H0Z' fill='%238ab518'/%3E%3C/svg%3E");background-size:80px 14px;height:14px;animation-duration:2.4s;animation-direction:reverse;top:-13px}.boton-agua--ambar .boton-agua__liquido:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 14'%3E%3Cpath d='M0 8 Q20 0 40 8 T80 8 V14 H0Z' fill='%23b9770f'/%3E%3C/svg%3E")}.boton-agua__liquido>.boton-agua__ola{z-index:1;--tile:-60px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 10'%3E%3Cpath d='M0 6 Q15 0 30 6 T60 6 V10 H0Z' fill='%23000'/%3E%3C/svg%3E");background-size:60px 10px;height:10px;top:-9px}@keyframes boton-agua-ola{0%{background-position-x:0}to{background-position-x:var(--tile)}}.boton-agua:hover .boton-agua__liquido,.boton-agua:focus-visible .boton-agua__liquido{transform:translateY(0)}.boton-agua:hover .boton-agua__contenido,.boton-agua:focus-visible .boton-agua__contenido{color:var(--agua-acento)}@media (prefers-reduced-motion:reduce){.boton-agua__liquido{opacity:0;transition:opacity .25s;transform:none}.boton-agua__liquido:before,.boton-agua__liquido>.boton-agua__ola{animation:none}.boton-agua:hover .boton-agua__liquido,.boton-agua:focus-visible .boton-agua__liquido{opacity:1;transform:none}.boton-agua__contenido{transition-delay:0s}}