.bubbles{--c1:#ffffff;--c2:#f64213;--size-letter:16px;background-color:transparent;border:calc(var(--size-letter) / 6) solid var(--c2);border-radius:.2em;border-radius:20px}.bubbles,.bubbles-login{padding:.3em .8em;font-size:var(--size-letter);cursor:pointer;overflow:hidden;position:relative;transition:.3s cubic-bezier(.83,0,.17,1)}.bubbles-login{--c1:#f64213;--c2:#ffffff;--size-letter:16px;background-color:#f64213;border:calc(var(--size-letter) / 6) solid #f64213;border-radius:.2em;border-radius:20px}.bubbles>.text{font-weight:700;color:var(--c2);position:relative;z-index:1;transition:color .7s cubic-bezier(.83,0,.17,1)}.bubbles:before{top:0;left:0}.bubbles:after{top:100%;left:100%}.bubbles:after,.bubbles: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;translate:-50% -50%}.bubbles:hover{&>span{color:var(--c1)}&:after,&:before{scale:1}}.bubbles:active{scale:.98;filter:brightness(.9)}.bubbles-login>.text{font-weight:700;color:#ffffff;position:relative;z-index:1;transition:color .7s cubic-bezier(.83,0,.17,1)}.bubbles-login:before{top:0;left:0}.bubbles-login:after{top:100%;left:100%}.bubbles-login:after,.bubbles-login:before{content:"";width:150%;aspect-ratio:1/1;scale:0;transition:1s cubic-bezier(.76,0,.24,1);background-color:#ffffff;border-radius:50%;position:absolute;translate:-50% -50%}.bubbles-login:hover{&>span{color:#f64213}&:after,&:before{scale:1}}.bubbles-login:active{scale:.98;filter:brightness(.9)}