text: /***************************************
    vRipple
   ***************************************/
  
  
  v-ripple {
    position: absolute;
    display: inline-block;
    background: $v-ripple-color;
    border-radius: 100%;
    transform: scale(0.2);
    opacity: 0;
    pointer-events: none;
    z-index: 0;
    animation: v-ripple-enter $v-ripple-effect-duration ease-out;
  }
  
   
  @keyframes v-ripple-enter {
    0% {
      opacity: 1;
    }
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }
  
  