.main-container{--shine-degree: 120deg;--shine-color: rgba(255, 255, 255, .199);--shine-effect: linear-gradient( var(--shine-degree), transparent, var(--shine-color), transparent );--shine-transition: all .65s ease-in-out}.main-container{align-items:flex-end;display:flex;justify-content:center;margin:5rem 0;pointer-events:none;top:0;width:100%;z-index:10}.button-container{align-items:center;display:flex;will-change:transform;pointer-events:all;width:65px;height:65px;background-color:#000;border-radius:50%;transform:scale(0);overflow:hidden}.button-container:before{content:"";position:absolute;top:0;width:100%;height:100%;background:var(--shine-effect);left:-100%;transition:var(--shine-transition)}.button-container:hover{background-color:#000000d7}.button-container:hover:before{left:50%}.button-container-wrap{height:100%;width:100%;display:flex;gap:30px;flex-wrap:wrap;justify-content:center}.button-animated{background-color:transparent;border:none;width:100%;height:100%;display:flex;align-items:center;justify-content:flex-start;color:#fff;cursor:pointer;text-decoration:none;z-index:1}.btn-text-animated{margin-left:25px;transform:translateY(20px);opacity:0;font-size:17px}.plus-icon-animated{display:inline-block;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;font-size:2rem;background-color:#fff;color:#000;transform:scale(0)}.btn--animation{animation:outer-circle-animation .2s ease-out both,change-width .3s ease-in-out .7s both}.btn--animation .button-container-wrap .button-animated .btn-text-animated{animation:text-reveal .3s ease-out both 1s}.btn--animation .button-container-wrap .button-animated .plus-icon-animated{animation:plus-icon-animation .3s ease-out both .5s,plus-position-animation .3s ease-in-out both .7s}@keyframes outer-circle-animation{to{transform:scale(1)}}@keyframes change-width{to{width:350px;height:60px;border-radius:50px}}@keyframes plus-icon-animation{to{transform:scale(1)}}@keyframes plus-position-animation{to{right:10px}}@keyframes text-reveal{to{transform:translateY(0);opacity:1}}.btn--animation-reverse{animation:outer-circle-animation-reverse .3s ease-out 1s both,change-width-reverse .3s ease-in-out .8s both}.btn--animation-reverse .button-container-wrap .button-animated .btn-text-animated{animation:text-reveal-reverse .3s ease-out both}.btn--animation-reverse .button-container-wrap .button-animated .plus-icon-animated{animation:plus-icon-animation-reverse .2s ease-out both .8s,plus-position-animation-reverse .3s ease-in-out both .3s}@keyframes outer-circle-animation-reverse{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes change-width-reverse{0%{width:350px;height:60px;border-radius:50px}to{width:65px;height:65px;border-radius:50%}}@keyframes plus-icon-animation-reverse{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes plus-position-animation-reverse{0%{right:10px}to{right:50%;transform:translate(50%)}}@keyframes text-reveal-reverse{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:0}}.service-button-container{bottom:-25px;margin-top:0}.service-btn-text{font-size:18px}
/*# sourceMappingURL=/cdn/shop/t/17/assets/custom-button.css.map */