.bubble-surface{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#fff,#f8f9fa);box-shadow:0 4px 6px -1px rgba(0,0,0,.07),0 10px 15px -3px rgba(0,0,0,.08),0 20px 25px -5px rgba(0,0,0,.05),inset 0 2px 4px 0 hsla(0,0%,100%,.9),inset 0 -2px 6px 0 rgba(0,0,0,.04),inset 3px 0 8px -2px hsla(0,0%,100%,.7),inset -3px 0 8px -2px rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.04);transition:all .3s cubic-bezier(.4,0,.2,1)}.bubble-surface:hover{box-shadow:0 6px 10px -2px rgba(0,0,0,.08),0 15px 25px -5px rgba(0,0,0,.1),0 25px 40px -8px rgba(0,0,0,.06),inset 0 2px 4px 0 hsla(0,0%,100%,.95),inset 0 -2px 6px 0 rgba(0,0,0,.03),inset 3px 0 8px -2px hsla(0,0%,100%,.8),inset -3px 0 8px -2px rgba(0,0,0,.02)}.bubble-surface__content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:inherit;position:relative;z-index:1}