.wave { position: relative; cursor: pointer; overflow: hidden; z-index: 1; } p a{ text-decoration:underline!important; } .wave::before, .wave::after { content: ""; position: absolute; width: 10px; height: 10px; background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; opacity: 0; z-index: -1; } .wave::before { top: 30%; left: 30%; } .wave::after { top: 70%; left: 70%; } .wave:hover { box-shadow: 0 0 10px rgba(52, 152, 219, 0.6), 0 0 20px rgba(52, 152, 219, 0.4), 0 0 30px rgba(52, 152, 219, 0.2); } .wave:hover::before, .wave:hover::after { animation: waveEffect 0.8s ease infinite; } body{ overflow-x:hidden; } .brx-body, .brx-body #brx-content { overflow-y: visible!important; overflow-x: hidden; } @keyframes waveEffect { 0% { transform: scale(0); opacity: 1; } 100% { transform: scale(10); opacity: 0; } }