.elementor-1220 .elementor-element.elementor-element-513a7080:not(.elementor-motion-effects-element-type-background), .elementor-1220 .elementor-element.elementor-element-513a7080 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#010102;}.elementor-1220 .elementor-element.elementor-element-513a7080 > .elementor-container{min-height:100px;}.elementor-1220 .elementor-element.elementor-element-513a7080{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;z-index:5;}.elementor-1220 .elementor-element.elementor-element-513a7080 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1220 .elementor-element.elementor-element-a3eeeb8{width:var( --container-widget-width, 85.141% );max-width:85.141%;--container-widget-width:85.141%;--container-widget-flex-grow:0;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-1220 .elementor-element.elementor-element-efba1ee{width:21.269%;}.elementor-1220 .elementor-element.elementor-element-2ece5ed8{width:59%;}.elementor-1220 .elementor-element.elementor-element-5c3701fb{width:19.395%;}}/* Start custom CSS for html, class: .elementor-element-a3eeeb8 *//* From Uiverse.io by SelfMadeSystem */ 
/* Yoinked from CodePen, but improved the animation
so that it is smooth among other more minor things */

.codepen-button {
  display: block;
  cursor: pointer;
  color: white !important;
  margin: 0 auto;
  position: relative;
  font-family: montserrat;
  text-decoration: none;
  font-weight: 600;
  border-radius: 6px;
  overflow: hidden;
  padding: 3px;
  isolation: isolate;
}

.codepen-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 400%;
  height: 100%;
  background: linear-gradient(115deg,#4fcf70,#fad648,#a767e5,#12bcfe,#44ce7b);
  background-size: 25% 100%;
  animation: an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop .75s linear infinite;
  animation-play-state: paused;
  translate: -5% 0%;
  transition: translate 0.25s ease-out;
}

.codepen-button:hover::before {
  animation-play-state: running;
  transition-duration: 0.75s;
  translate: 0% 0%;
}

@keyframes an-at-keyframe-css-at-rule-that-translates-via-the-transform-property-the-background-by-negative-25-percent-of-its-width-so-that-it-gives-a-nice-border-animation_-We-use-the-translate-property-to-have-a-nice-transition-so-it_s-not-a-jerk-of-a-start-or-stop {
  to {
    transform: translateX(-25%);
  }
}

.codepen-button span {
  position: relative;
  display: block;
  padding: 1rem 1.5rem;
  font-size: 1.1rem;
  background: #000;
  border-radius: 3px;
  height: 100%;
}/* End custom CSS */