.btn-primary-bubbly:before,.btn-primary-bubbly:after{content:"";z-index:-1000;background-repeat:no-repeat;width:140%;height:100%;transition:all .5s ease-in-out;display:block;position:absolute;left:-20%}.btn-primary-bubbly:before{background-image:radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 30%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--fallback-p,oklch(var(--p)/.9))15%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;display:none;top:-75%}.btn-primary-bubbly:after{background-image:radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--fallback-p,oklch(var(--p)/.9))15%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-p,oklch(var(--p)/.9))20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;display:none;bottom:-75%}.btn-primary-bubbly.animate:before{animation:.75s ease-in-out forwards topBubbles;display:block}.btn-primary-bubbly.animate:after{animation:.75s ease-in-out forwards bottomBubbles;display:block}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0 80%,0 20%,10% 40%,20% 0,30% 30%,22%,50%,65% 20%,90% 30%}to{background-position:0 70%,0 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0}50%{background-position:0 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0}to{background-position:0 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}.btn-secondary-bubbly:before,.btn-secondary-bubbly:after{content:"";z-index:-1000;background-repeat:no-repeat;width:140%;height:100%;transition:all .5s ease-in-out;display:block;position:absolute;left:-20%}.btn-secondary-bubbly:before{background-image:radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 30%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--fallback-s,oklch(var(--s)/.9))15%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;display:none;top:-75%}.btn-secondary-bubbly:after{background-image:radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--fallback-s,oklch(var(--s)/.9))15%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%),radial-gradient(circle,var(--fallback-s,oklch(var(--s)/.9))20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,20% 20%,15% 15%,10% 10%,20% 20%;display:none;bottom:-75%}.btn-secondary-bubbly.animate:before{animation:.75s ease-in-out forwards topBubbles;display:block}.btn-secondary-bubbly.animate:after{animation:.75s ease-in-out forwards bottomBubbles;display:block}