.ripple{
  text-decoration:none;
  position:relative;
  overflow:hidden;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
 
  
}

.ink {
  display: block;
  position: absolute;
  background:rgba(255, 255, 255, 0.25);
  border-radius: 100%;
  -webkit-transform:scale(0);
     -moz-transform:scale(0);
       -o-transform:scale(0);
          transform:scale(0);
}

.ink.dark {
  background:rgba(0, 0, 0, 0.10);
}

.animate {
	-webkit-animation:ripple 0.75s linear;
   -moz-animation:ripple 0.75s linear;
    -ms-animation:ripple 0.75s linear;
     -o-animation:ripple 0.75s linear;
        animation:ripple 0.75s linear;
}

@-webkit-keyframes ripple {
    100% {opacity: 0; -webkit-transform: scale(2);}
}
@-moz-keyframes ripple {
    100% {opacity: 0; -moz-transform: scale(2);}
}
@-o-keyframes ripple {
    100% {opacity: 0; -o-transform: scale(2);}
}
@keyframes ripple {
    100% {opacity: 0; transform: scale(2.5);}
}