.elementor-8036 .elementor-element.elementor-element-c8b7077{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-8036 .elementor-element.elementor-element-c8b7077:not(.elementor-motion-effects-element-type-background), .elementor-8036 .elementor-element.elementor-element-c8b7077 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-8036 .elementor-element.elementor-element-0dc9aed .elementor-button{font-size:1.5rem;padding:20px 40px 20px 40px;}.elementor-8036 .elementor-element.elementor-element-759f4f6 .elementor-button{font-size:1.5rem;padding:20px 40px 20px 40px;}.elementor-8036 .elementor-element.elementor-element-4cbb740 .elementor-button{font-size:1.5rem;padding:20px 40px 20px 40px;}/* Start custom CSS for button, class: .elementor-element-0dc9aed */.the-btn .elementor-button {
  color: white;
  outline: none;
  border: none;
  border-radius: 5px;
  margin: 0px;
  text-transform: uppercase;
  background: linear-gradient(
      60deg,
      rgb(129,24,199),
      rgb(184,63,63),
      rgb(52,52,220)
  );
  cursor: pointer;
  position: relative;
}

.the-btn .elementor-button:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  border-width: 0;
  border: solid;
  border-color:
   #000
   rgb(255,255,255,.3)
   rgb(255,255,255,.3)
   #000;
   box-shadow: none;
   transition: all 0.2s;
   border-bottom-right-radius: 5px;
}

.the-btn .elementor-button:hover::before{
  border-width: 20px;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-759f4f6 */.btn .elementor-button {
  margin: 0px;
  border: none;
  outline: none;
  color: #FFF;
  cursor: pointer;
  position: relative;
  z-index: 0;
  border-radius: 12px;
}
.btn .elementor-button::after {
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #333;
  left: 0;
  top: 0;
  border-radius: 10px;
}
/* glow */
.btn .elementor-button::before {
  content: "";
  background: linear-gradient(
    45deg,
    #FF0000, #FF7300, #FFFB00, #48FF00,
    #00FFD5, #002BFF, #FF00C8, #FF0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 600%;
  z-index: -1;
  width: calc(100% + 4px);
  height:  calc(100% + 4px);
  filter: blur(8px);
  animation: glowing 20s linear infinite;
  transition: opacity .3s ease-in-out;
  border-radius: 10px;
  opacity: 0;
}

@keyframes glowing {
  0% {background-position: 0 0;}
  50% {background-position: 400% 0;}
  100% {background-position: 0 0;}
}

/* hover */
.btn .elementor-button:hover::before {
  opacity: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c8b7077 */:root{
  --clr: #ffcc00;
}

.my-btn .elementor-button{
  position: relative;
  border-radius: 50px;
  background: transparent;
  border: 2px solid var(--clr);
  color: var(--clr);
  cursor: pointer;
  text-transform: uppercase;
  overflow: hidden;
  transition: 0.65s;
  z-index: 2;
}

.my-btn .elementor-button::after{
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--clr);
  clip-path: circle(0% at 50% 50%);
  transition: 0.65s;
  z-index: -1;
}

.my-btn .elementor-button:hover::after{
  clip-path: circle(100% at 50% 50%);
}

.my-btn .elementor-button:hover {
  color: black;
  box-shadow: 0 0 10px var(--clr),
  0 0 50px var(--clr);
}/* End custom CSS */