.elementor-2858 .elementor-element.elementor-element-ecc1b6e{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:700;text-decoration:none;fill:var( --e-global-color-text );color:var( --e-global-color-text );transition-duration:0.8s;border-radius:50px 50px 50px 50px;padding:12px 40px 12px 40px;}.elementor-2858 .elementor-element.elementor-element-02c71c2 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2858 .elementor-element.elementor-element-02c71c2{width:auto;max-width:auto;}.elementor-2858 .elementor-element.elementor-element-02c71c2.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}@media(max-width:1200px){.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button{font-size:16px;}}@media(max-width:1024px){.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button{font-size:14px;}}@media(max-width:880px){.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button{font-size:12px;}}@media(max-width:767px){.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button{font-size:15px;padding:6px 38px 6px 38px;}.elementor-2858 .elementor-element.elementor-element-02c71c2 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2858 .elementor-element.elementor-element-02c71c2{width:auto;max-width:auto;}.elementor-2858 .elementor-element.elementor-element-02c71c2.elementor-element{--align-self:center;}}/* Start custom CSS for button, class: .elementor-element-02c71c2 *//* Base button styling */
.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button {
  position: relative;
  z-index: 1;
  color: #fff;
  background: #060419;
  border-radius: 100px;
  border: none;
  overflow: visible;
}

/* Seamless animated gradient border */
.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border-radius: inherit;

  /* Repeatable pattern so the loop has no visible reset */
  background: repeating-linear-gradient(
    90deg,
    #02CCE6 0%,
    #0161E4 25%,
    #DA22FF 50%,
    #0161E4 75%,
    #02CCE6 100%
  );

  /* Make the pattern larger than the element so it can “scroll” */
  background-size: 200% 100%;
  animation: gradientMarquee 8s linear infinite;

  z-index: -1;
}

/* Keep button content above the border */
.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button,
.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button span {
  position: relative;
  z-index: 2;
}

/* Seamless one-direction scroll */
@keyframes gradientMarquee {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: -200% 50%;
  }
}

/* Hover polish */
.elementor-2858 .elementor-element.elementor-element-02c71c2 .elementor-button:hover::before {
  filter: brightness(1.25);
  transition: filter 0.3s ease;
}/* End custom CSS */