.ripple-container{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;pointer-events:none}.ripple-effect{position:relative;z-index:9999;width:1px;height:1px;margin-top:0;margin-left:0;pointer-events:none;border-radius:50%;transition:all .6s cubic-bezier(.4,0,.2,1)}.demo-box[data-v-42c234a1]{display:flex;width:300px;height:300px;font-size:24px;color:#fff;background-color:#408ede;border-radius:10px;justify-content:center;align-items:center}
