.bubble-box{position:relative;border-radius:50%;padding:40px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,0.25) 0%,rgba(255,255,255,0.12) 30%,rgba(255,255,255,0.05) 55%,rgba(255,255,255,0.02) 75%,rgba(255,255,255,0.01) 100%);border:1px solid rgba(255,255,255,0.35);box-shadow:inset -12px -12px 25px rgba(255,255,255,0.15),inset 10px 10px 20px rgba(0,0,0,0.08),0 10px 25px rgba(0,0,0,0.15);overflow:hidden}.bubble-box::before{content:"";position:absolute;top:8%;left:12%;width:35%;height:35%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.9),rgba(255,255,255,0.4) 40%,transparent 70%);filter:blur(6px);pointer-events:none}.bubble-box::after{content:"";position:absolute;bottom:10%;right:15%;width:25%;height:25%;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,0.4),transparent 70%);.bubble-box:hover{transform:scale(1.05);box-shadow:inset -15px -15px 30px rgba(255,255,255,0.2),inset 12px 12px 25px rgba(0,0,0,0.1),0 15px 35px rgba(0,0,0,0.25);transition:all 0.3s ease}