.color-circle-gradient{cursor:pointer;transition:transform .2s ease-in-out,box-shadow .3s ease;margin-top:100px;width:120px;height:120px;border-radius:100%;background-image:radial-gradient(circle at center 1%,transparent 60%,#337ab7 99%,#4fa9fe00 50%,transparent);position:relative;box-shadow:0 0 25px 10px #337ab770;animation:flicker 2.5s infinite ease-in-out alternate,glowPulse 4s infinite ease-in-out}
@keyframes flicker {
0%{transform:scale(1) rotate(0deg);filter:brightness(1)}
25%{transform:scale(1.02) rotate(1deg);filter:brightness(1.15)}
50%{transform:scale(0.98) rotate(-1deg);filter:brightness(0.95)}
75%{transform:scale(1.03) rotate(0.5deg);filter:brightness(1.2)}
100%{transform:scale(1) rotate(0deg);filter:brightness(1)}
}
@keyframes glowPulse {
0%{box-shadow:0 0 30px #4fa9fe66 0 0 60px #4fa9fe33 inset 0 0 25px #4fa9fe99}
50%{box-shadow:0 0 50px #4fa9feb3 0 0 100px #4fa9fe4d inset 0 0 40px #4fa9fecc}
100%{box-shadow:0 0 30px #4fa9fe66 0 0 60px #4fa9fe33 inset 0 0 25px #4fa9fe99}
}
@media screen and (min-width: 768px) {
div.trp-floating-switcher{display:none!important}
}