.glass-sphere{background:radial-gradient(circle,hsla(0,0%,100%,.3),hsla(0,0%,100%,0));border-radius:50%;position:relative;overflow:hidden;box-shadow:0 0 20px hsla(0,0%,100%,.5),inset 0 0 10px rgba(0,0,0,.1)}.glass-sphere:after,.glass-sphere:before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;background:hsla(0,0%,100%,.6);opacity:.1;filter:blur(10px)}.glass-sphere:before{top:-10px;left:20%;transform:translateX(-50%)}.glass-sphere:after{bottom:-10px;left:80%;transform:translateX(-50%)}.lightGradientBg{background-image:radial-gradient(at 4% 63%,rgba(33,156,186,.6) 0,transparent 50%),radial-gradient(at 96% 28%,rgba(33,156,186,.6) 0,transparent 50%),radial-gradient(at 85% 66%,rgba(249,189,36,.5) 0,transparent 50%),radial-gradient(at 38% 29%,rgba(249,189,36,.5) 0,transparent 50%)}.dark .lightGradientBg{background-image:radial-gradient(at 4% 63%,rgba(33,156,186,.3) 0,transparent 50%),radial-gradient(at 96% 28%,rgba(33,156,186,.3) 0,transparent 50%),radial-gradient(at 85% 66%,rgba(249,189,36,.1) 0,transparent 50%),radial-gradient(at 38% 29%,rgba(249,189,36,.1) 0,transparent 50%)}