.ripple-button_rippleButton__UL5yi{display:inline-flex;justify-content:center;align-items:center;position:relative;overflow:hidden;cursor:pointer;transition:color .5s,background-color .8s}.ripple-button_rippleButton__UL5yi span{position:relative;z-index:1;pointer-events:none}.ripple-button_rippleButton__UL5yi:before{content:"";position:absolute;top:var(--ripple-y);left:var(--ripple-x);width:var(--ripple-size);height:var(--ripple-size);background-color:var(--ripple-color);border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s ease-out;z-index:0}.ripple-button_rippleButton__UL5yi:hover:before{transform:translate(-50%,-50%) scale(1)}.ripple-button_rippleButton__UL5yi:hover{background-color:var(--ripple-color);color:var(--ripple-text-color)}