ברוכה הבאה 


@property --angle {
  syntax: "";
  initial-value: 0deg;
  inherits: false;
}

@keyframes rotate {
  0% {
    --angle: 0deg;
    --glowColor: #07F6D7;
  }
  100% {
    --angle: 360deg;
    --glowColor: #07F6D7;
  }
}

.elementor-button{
  border-radius: 100px;
  padding: 1px;
  transition: all 0.18s ease-in-out;
}

.elementor-button:after, selector .elementor-button:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  border-radius: 101.5px;
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: conic-gradient(from var(--angle) at 50% 50%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 33%, var(--glowColor) 50%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);
  animation: rotate 2s infinite linear;
}

.elementor-button:before {
  animation: rotate 2s infinite linear;
  filter: blur(15px);
}

.elementor-button .elementor-button-content-wrapper {
  position: relative;
  border-radius: 100px;
  background: #092B32;
  padding: 1vw 2vw;
  z-index: 1;
  transition: all 0.18s ease;
}
יואו איזה כפתור מדליק! 

selector::before {
  content: "";
  position: absolute;
  top: -5px;
  left:-15px;
  width: calc(100% + 15px);
  height: calc(100% + 5px);
  background: linear-gradient(
    45deg, #91155d, #525296, #0f0, #ff0, #fb0094, #00f, #0f0, #ff0
  );
  background-size: 200% 100%;
  filter: blur(15px);
  opacity: 0;
  transition: opacity 0.5s, background-position 2s;
  z-index: 0;
  pointer-events: none;
    animation: gradient 3s ease infinite;
}

selector:hover::before {
  opacity: 1;
  background-position: 100% 0;
}

selector .elementor-button {
  position: relative;
  z-index: 1;
  background: linear-gradient(#000, #000) padding-box,
              linear-gradient(145deg, #5efa00, #a2fee5, #2813d6, #fd3641, #9431f1) border-box;
  border: 3px solid transparent;
  background-size: 200% 100%;
  animation: gradient 3s ease infinite;}

selector .elementor-button:hover{
    border:3px solid #fff;
    background: linear-gradient(#fff, #fff);
    color:#000;
    transition: 0.5s;
}
/* אנימציית גרדיאנט למסגרת הכפתור */
@keyframes gradient {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}