body{margin:0;font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased}.btn-bubble-effect{position:relative;overflow:hidden;z-index:1;transition:color .5s ease;-webkit-mask-image:-webkit-radial-gradient(white,black);mask-image:radial-gradient(#fff,#000);transform:translateZ(0)}.btn-bubble-effect>*{position:relative;z-index:2}.btn-bubble-effect:before{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);width:250%;padding-bottom:250%;border-radius:45%;background-color:var(--bubble-color, #ffffff);transition:top .6s cubic-bezier(.4,0,.2,1),border-radius .6s ease;z-index:0;pointer-events:none}.btn-bubble-effect:hover:before{top:-75%;border-radius:50%}.btn-bubble-effect:hover{box-shadow:0 0 0 1px var(--bubble-color)}.btn-bubble-white{--bubble-color: #ffffff}.btn-bubble-green{--bubble-color: #9BE12C}