.contact-button{--black-700:#171717;--border_radius:9999px;--transtion:0.3s ease-in-out;--offset:2px;font-family:Yusei Magic,sans-serif;cursor:pointer;position:relative;display:flex;align-items:center;gap:.5rem;transform-origin:center;padding:.7rem 2rem;background-color:transparent;border:none;border-radius:var(--border_radius);transform:scale(calc(1 + (var(--active, 0) * .02)));transition:transform var(--transtion)}.contact-button:before{width:100%;height:100%;background-color:var(--black-700);border-radius:var(--border_radius);transition:all var(--transtion);z-index:0}.contact-button:after,.contact-button:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contact-button:after{width:105%;height:115%;border-radius:9999px;background:linear-gradient(-70deg,#5F27CD,#00CFFF,#5F27CD,#00CFFF);opacity:0;background-size:300% 300%;animation:moveGradient 16s linear infinite;z-index:-1;transition:filter .3s,opacity .3s}@keyframes moveGradient{0%{background-position:100% 0}10%{background-position:0 100%}20%{background-position:0 100%}30%{background-position:100% 0}40%{background-position:0 100%}50%{background-position:0 100%}60%{background-position:100% 0}70%{background-position:0 100%}80%{background-position:0 100%}to{background-position:100% 0}}.contact-button:focus-visible:after,.contact-button:hover:after{filter:none;filter:blur(3px);opacity:.7}.contact-button:is(:hover,:focus-visible){--active:1}.contact-button:active{transform:scale(1)}.contact-button .dots_border{--size_border:calc(100% + 2px);overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--size_border);height:var(--size_border);background-color:transparent;border-radius:var(--border_radius);z-index:-10}.contact-button .dots_border:before{content:"";position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);transform-origin:left;transform:rotate(0deg);width:100%;height:2rem;background-color:white;mask:linear-gradient(transparent,white 120%);animation:rotate 2s linear infinite}@keyframes rotate{to{transform:rotate(1turn)}}.contact-button .text_button{position:relative;z-index:10;background-image:linear-gradient(90deg,hsla(0 0% 100%/1) 0,hsla(0 0% 100%/var(--active,0)) 190%);background-clip:text;font-size:1.2rem}.contact-button .icon-arrow{transition:.5s;margin-right:0;transform:scale(.6)}.contact-button:hover .icon-arrow{transition:.5s;margin-right:25px}.icon-arrow{width:10px;position:relative}#arrow-icon-one{transition:.4s;transform:translateX(-60%)}#arrow-icon-two{transition:.5s;transform:translateX(-30%)}.contact-button:hover #arrow-icon-three{animation:color_anim 1s .2s infinite}.contact-button:hover #arrow-icon-one{transform:translateX(0);animation:color_anim 1s .6s infinite}.contact-button:hover #arrow-icon-two{transform:translateX(0);animation:color_anim 1s .4s infinite}@keyframes color_anim{0%{fill:white}50%{fill:var(--color-background)}to{fill:white}}