:root{--text-color:#c6d9ec;--shadow-color:#5485b666;--btn-color:#156bc1;--bg-color:#141218;--content:"TEXTOTEXTOTEXTOTEXTO"}.button-water{cursor:pointer;text-transform:uppercase;min-width:250px;color:var(--text-color);background:0 0;background-color:var(--btn-color);z-index:0;border:none;border-radius:4px;height:50px;padding:10px 20px;font-family:Source Code Pro;font-size:20px;font-weight:900;position:relative;overflow:hidden;box-shadow:4px 4px 4px #141218}.button-water:focus{box-shadow:var(--btn-color) 2px 2px 22px;outline-color:#0000}.right:after,.button-water:after{content:var(--content);text-align:center;z-index:-1;white-space:nowrap;pointer-events:none;padding:40px;display:block;position:absolute;left:50%;right:50%;transform:translate(-50%,-50%)}.button-water:after{font-weight:200;top:-30px;left:-20px}.right,.left{width:100%;height:100%;position:absolute;top:0}.right{left:66%}.left{right:66%}.right:after{background-color:var(--bg-color);color:#0000;transition:transform .4s ease-out;top:-30px;left:calc(-66% - 20px);transform:translateY(-90%)rotate(0)}.button-water:hover .right:after{transform:translateY(-47%)rotate(0)}.button-water .right:hover:after{transform:translateY(-50%)rotate(-7deg)}.button-water .left:hover~.right:after{transform:translateY(-50%)rotate(7deg)}.button-water:before{content:"";pointer-events:none;opacity:.6;background:radial-gradient(circle at 20% 35%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 45% 24%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 50% 10%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 5% 10%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 75% 44%, transparent 0, transparent 2px, var(--text-color) 3px, var(--text-color) 4px, transparent 4px), radial-gradient(circle at 46% 52%, transparent 0, transparent 4px, var(--text-color) 5px, var(--text-color) 6px, transparent 6px);width:100%;height:300%;animation:3s linear infinite both bubbles;position:absolute;top:0;left:0}@keyframes bubbles{0%{transform:translate()}to{transform:translateY(-66.666%)}}
/*# sourceMappingURL=1psw3vqku2gnl.css.map*/