.section{background-color:linear-gradient(to bottom right,#8bdfff,#65c8ee 71%,#32a6d2);color:#000}.ripple{width:10px;height:10px;pointer-events:none}.ripple,.ripple:after,.ripple:before{position:absolute;transform:translate(-50%,-50%)}.ripple:after,.ripple:before{content:"";left:50%;top:50%;opacity:0;width:100%;height:100%;filter:blur(1px);border-radius:50%;transition:all;box-shadow:7px 7px 14px #79d9ff,-7px -7px 14px #6ccaef}.ripple:before{background:linear-gradient(to bottom right,#65c8ee,#00000000);animation:waves 4s linear forwards}.ripple:after{animation:waves 4s linear .35s forwards}@keyframes waves{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(20)}}