.elementor-2415 .elementor-element.elementor-element-c28ae56{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2415 .elementor-element.elementor-element-9de21cf{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2415 .elementor-element.elementor-element-a780b42{background-color:var( --e-global-color-primary );margin:0px -39px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:7px 8px 0px 9px;z-index:10;border-style:none;border-radius:50px 50px 50px 50px;--lottie-container-width:27px;}.elementor-2415 .elementor-element.elementor-element-8ca70e9.elementor-element{--align-self:flex-end;}/* Start custom CSS for html, class: .elementor-element-8ca70e9 */.super-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 6px 12px 5px 40px;
  background: #F7D64A;
  border: 1px solid #F7D64A;
  border-radius: 100px;
  color: #22201b;
  font-size: 20px;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.4s ease-in-out;
  box-shadow: 0 0 20px rgba(0, 255, 255, 0.1);
  backdrop-filter: blur(8px);
  z-index: 1;
}

.super-button::before {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: conic-gradient(from 0deg, #ffffff00, #ffffff, #ffffff00);
  animation: rotate 4s linear infinite;
  z-index: -2;
}

.super-button::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: #F7D64A;
  border-radius: inherit;
  z-index: -1;
}

.super-button:hover {
  transform: scale(1.05);
}

.super-button:hover .arrow {
  transform: translateX(6px);
}

.arrow {
  width: 22px;
  height: 22px;
  transition: transform 0.3s ease-in-out;
  color: #00ffff;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}/* End custom CSS */