.rt-ripple-normal {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 100;
  pointer-events: none;
  background-color: currentColor;
  border-radius: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.rt-ripple-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: none; }

.rt-ripple-normal {
  -webkit-transition-duration: 800ms;
  transition-duration: 800ms; }
  .rt-ripple-normal.rt-ripple-restarting {
    opacity: 0.3;
    -webkit-transition-property: none;
    transition-property: none; }
  .rt-ripple-normal.rt-ripple-active {
    opacity: 0.3;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform; }
  .rt-ripple-normal:not(.rt-ripple-active):not(.rt-ripple-restarting) {
    opacity: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform; }