.ripple, .ripple-click {
    position: relative;
    /* text-align: center; */
    overflow: hidden;
  }
.ripple:active, .ripple:visited, .ripple:focus {
    outline: 0;
    border: 0;
}
  
  /*  Ripple */
  .ripple-span {
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    transform: scale(0);
    position: absolute;
    opacity: 1;
    z-index: 4;
  }
  .rippleAnimation {
      animation: ripple .52s linear;
  }
  
  @keyframes ripple {
    100% {
      transform: scale(2);
      opacity: 0;
    }
  }