.bubbles-btn{--c1:#ffffff;--c2:#3b82f6;--size-letter:1.125rem;padding:.8em 1.5em;font-size:var(--size-letter);background-color:transparent;border:2px solid var(--c2);border-radius:.75rem;cursor:pointer;overflow:hidden;position:relative;transition:.3s cubic-bezier(.83,0,.17,1);display:inline-flex;align-items:center;justify-content:center}.bubbles-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(1)}.bubbles-btn>.bubbles-text{font-weight:600;color:var(--c2);position:relative;z-index:10;transition:color .7s cubic-bezier(.83,0,.17,1);display:flex;align-items:center;gap:.5rem}.bubbles-btn:after,.bubbles-btn:before{content:"";width:150%;aspect-ratio:1/1;scale:0;transition:1s cubic-bezier(.76,0,.24,1);background-color:var(--c2);border-radius:50%;position:absolute;z-index:0;top:50%;left:50%;translate:-50% -50%}.bubbles-btn:before{top:0;left:0;translate:-50% -50%}.bubbles-btn:after{top:100%;left:100%;translate:-50% -50%}.bubbles-btn:hover:not(:disabled)>.bubbles-text{color:var(--c1)}.bubbles-btn:hover:not(:disabled):after,.bubbles-btn:hover:not(:disabled):before{scale:1.5}.bubbles-btn:active:not(:disabled){scale:.98;filter:brightness(.9)}