IBA CALL CENTER

.glow-on-hove { border: none; outline: none; cursor: pointer; position: relative; z-index: 0; border-radius: 10px; } .glow-on-hove:before { content: ''; background: linear-gradient(45deg,#0170b9,#009ca7, #00ffd5, #002bff, #0597a8); position: absolute; top: -2px; left:-2px; background-size: 400%; z-index: -1; filter: blur(5px); width: calc(100% + 4px); height: calc(100% + 4px); animation: glowing 20s linear infinite; opacity: 0; transition: opacity .3s ease-in-out; border-radius: 10px; } .glow-on-hove:active { color: #000 } .glow-on-hove:active:after { background: transparent; } .glow-on-hove:hover:before { opacity: 1; } .glow-on-hove:after { z-index: -1; content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border-radius: 10px; } @keyframes glowing { 0% { background-position: 0 0; } 50% { background-position: 400% 0; } 100% { background-position: 0 0; } }