.ripple {
  overflow: hidden;
  border-radius: inherit;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  .ripple span {
    background: white;
    backface-visibility: hidden;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: alpha(opacity=25);
    opacity: 0.25;
    -webkit-animation: ripple 1.25s forwards;
    -moz-animation: ripple 1.25s forwards;
    -ms-animation: ripple 1.25s forwards;
    animation: ripple 1.25s forwards;
    -webkit-transform: scale(0.1);
    -moz-transform: scale(0.1);
    -ms-transform: scale(0.1);
    transform: scale(0.1);
    -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -moz-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    -ms-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%); }
  .ripple:nth-child(0) span {
    -webkit-transform: scale(0.1) rotate(100deg);
    -moz-transform: scale(0.1) rotate(100deg);
    -ms-transform: scale(0.1) rotate(100deg);
    transform: scale(0.1) rotate(100deg); }
  .ripple:nth-child(1) span {
    -webkit-transform: scale(0.1) rotate(110deg);
    -moz-transform: scale(0.1) rotate(110deg);
    -ms-transform: scale(0.1) rotate(110deg);
    transform: scale(0.1) rotate(110deg); }
  .ripple:nth-child(2) span {
    -webkit-transform: scale(0.1) rotate(120deg);
    -moz-transform: scale(0.1) rotate(120deg);
    -ms-transform: scale(0.1) rotate(120deg);
    transform: scale(0.1) rotate(120deg); }
  .ripple:nth-child(3) span {
    -webkit-transform: scale(0.1) rotate(130deg);
    -moz-transform: scale(0.1) rotate(130deg);
    -ms-transform: scale(0.1) rotate(130deg);
    transform: scale(0.1) rotate(130deg); }
  .ripple:nth-child(4) span {
    -webkit-transform: scale(0.1) rotate(140deg);
    -moz-transform: scale(0.1) rotate(140deg);
    -ms-transform: scale(0.1) rotate(140deg);
    transform: scale(0.1) rotate(140deg); }

@-webkit-keyframes ripple {
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }

@-moz-keyframes ripple {
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }

@keyframes ripple {
  100% {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg); } }