.bubbles{display:flex;justify-content:center;margin-top:4rem;position:relative}.bubbles .social{margin-bottom:0;margin-top:0}.bubbles__button{margin-bottom:0!important;margin-top:0!important;position:absolute!important}.bubbles__button:after,.bubbles__button:before{background-repeat:no-repeat;content:"";display:block;height:100%;left:-20%;position:absolute;width:140%;z-index:-1}.bubbles__button:before{background-image:radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,transparent 20%,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--font-color-link-hover) 15%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%);background-size:10% 10%,20% 20%,15% 15%,5% 5%,18% 18%,10% 10%,15% 15%,12% 12%,18% 18%;display:none;top:-100%}.bubbles__button:after{background-image:radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,transparent 10%,var(--font-color-link-hover) 15%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%),radial-gradient(circle,var(--font-color-link-hover) 20%,transparent 20%);background-size:15% 15%,20% 20%,18% 18%,14% 14%,15% 15%,5% 5%,18% 18%;bottom:-100%;display:none}.bubbles__button--active:after,.bubbles__button--active:before{display:block}.bubbles__button--active:before{animation:bubblesTop var(--transition-timing-function) 1s forwards}.bubbles__button--active:after{animation:bubblesBottom var(--transition-timing-function) 1s forwards}.bubbles__button--hidden{visibility:hidden}.bubbles__button--hidden:after,.bubbles__button--hidden:before{visibility:visible}.bubbles__content{opacity:0;pointer-events:none;transition:opacity .75s var(--transition-timing-function)}.bubbles__content .social-list{padding-bottom:0}.bubbles__content .social-list__item__url{visibility:hidden}.bubbles__content--visible{opacity:1;pointer-events:auto;transition:opacity .75s var(--transition-timing-function)}.bubbles__content--visible .social-list__item__url{visibility:visible}@keyframes bubblesTop{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%,50% 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 bubblesBottom{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}}