.elementor-99 .elementor-element.elementor-element-faab6ef{--display:flex;--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:flex-end;--align-items:center;--margin-top:13px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:0;}.elementor-99 .elementor-element.elementor-element-faab6ef.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-99 .elementor-element.elementor-element-ea8b4d8{--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:center;--align-items:flex-start;--border-radius:25px 25px 0px 0px;--margin-top:16px;--margin-bottom:-31px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-99 .elementor-element.elementor-element-ea8b4d8:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-ea8b4d8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#080000;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-99 .elementor-element.elementor-element-228a077c{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:1;--e-icon-list-icon-size:21px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-offset:0px;}.elementor-99 .elementor-element.elementor-element-228a077c > .elementor-widget-container{margin:6px 20px 10px 0px;}.elementor-99 .elementor-element.elementor-element-228a077c.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:1;}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(23px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(23px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(23px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-23px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-23px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-icon i{color:#ffffff;transition:color 0.3s;}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-icon svg{fill:#ffffff;transition:fill 0.3s;}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-icon{padding-inline-end:9px;}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-item > a{font-family:"IRANSansWeb_Medium", Sans-serif;font-size:14px;font-weight:300;}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-text{color:#ffffff;transition:color 0.3s;}.elementor-99 .elementor-element.elementor-element-5d4882e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-99 .elementor-element.elementor-element-e9fc5dd{width:var( --container-widget-width, 34% );max-width:34%;--container-widget-width:34%;--container-widget-flex-grow:0;z-index:10;}.elementor-99 .elementor-element.elementor-element-e9fc5dd > .elementor-widget-container{margin:-93px 0px -85px -0px;}.elementor-99 .elementor-element.elementor-element-e9fc5dd.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-99 .elementor-element.elementor-element-e9fc5dd img{width:50%;}.elementor-99 .elementor-element.elementor-element-7d8e7b5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:4;}.elementor-99 .elementor-element.elementor-element-7d8e7b5:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-7d8e7b5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A0575700;}.elementor-99 .elementor-element.elementor-element-7d8e7b5.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-99 .elementor-element.elementor-element-5d1e169{--display:flex;--min-height:70px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:-14px;--margin-left:0px;--margin-right:10px;--z-index:10;}.elementor-99 .elementor-element.elementor-element-5d1e169:not(.elementor-motion-effects-element-type-background), .elementor-99 .elementor-element.elementor-element-5d1e169 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}.elementor-99 .elementor-element.elementor-element-eecef4c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:10px;--z-index:8;}.elementor-99 .elementor-element.elementor-element-eecef4c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-99 .elementor-element.elementor-element-2cd371f .elementor-button{background-color:#61CE7000;font-family:"IRANSansWeb_Bold", Sans-serif;font-size:18px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-2cd371f{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;z-index:8;}.elementor-99 .elementor-element.elementor-element-2cd371f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-2cd371f.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-99 .elementor-element.elementor-element-3ca3037 .elementor-button{background-color:#61CE7000;font-family:"IRANSansWeb_Bold", Sans-serif;font-size:18px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-3ca3037{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;z-index:8;}.elementor-99 .elementor-element.elementor-element-3ca3037 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-3ca3037.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-99 .elementor-element.elementor-element-9b5a760 .elementor-button{background-color:#61CE7000;font-family:"IRANSansWeb_Bold", Sans-serif;font-size:12px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-9b5a760{width:var( --container-widget-width, 20% );max-width:20%;--container-widget-width:20%;--container-widget-flex-grow:0;z-index:8;}.elementor-99 .elementor-element.elementor-element-9b5a760 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-9b5a760.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-99 .elementor-element.elementor-element-e348ee5{width:var( --container-widget-width, 29.737% );max-width:29.737%;--container-widget-width:29.737%;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:1px;font-weight:400;color:#7A7A7A00;}.elementor-99 .elementor-element.elementor-element-e348ee5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-99 .elementor-element.elementor-element-22145e0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:89px;--z-index:11;}.elementor-99 .elementor-element.elementor-element-258494d .elementor-button{background-color:#61CE7000;font-family:"IRANSansWeb_Bold", Sans-serif;font-size:17px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-258494d{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;z-index:8;}.elementor-99 .elementor-element.elementor-element-258494d > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-258494d.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-99 .elementor-element.elementor-element-0bbe780 .elementor-button{background-color:#61CE7000;font-family:"IRANSansWeb_Bold", Sans-serif;font-size:17px;font-weight:500;text-shadow:0px 0px 10px rgba(0,0,0,0.3);padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-0bbe780{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;z-index:8;}.elementor-99 .elementor-element.elementor-element-0bbe780 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-0bbe780.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-99 .elementor-element.elementor-element-8c771cd .elementor-button{background-color:#61CE7000;font-family:"IRANSansWeb_Bold", Sans-serif;font-size:16px;font-weight:500;padding:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-8c771cd{width:var( --container-widget-width, 94% );max-width:94%;--container-widget-width:94%;--container-widget-flex-grow:0;z-index:8;}.elementor-99 .elementor-element.elementor-element-8c771cd > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-99 .elementor-element.elementor-element-8c771cd.elementor-element{--order:-99999 /* order start hack */;--flex-grow:0;--flex-shrink:1;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-99 .elementor-element.elementor-element-ea8b4d8{--width:94%;}.elementor-99 .elementor-element.elementor-element-eecef4c{--width:24.882%;}}@media(max-width:1024px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-item > a{font-size:12px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-size:var( --e-global-typography-text-font-size );}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(0px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(0px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(0px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-0px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-0px/2);}.elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-99 .elementor-element.elementor-element-228a077c .elementor-icon-list-item > a{font-size:18px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for button, class: .elementor-element-2cd371f */@import url('https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400');

:root {
/*  change this for scaling  */
  --m: 2rem;
  
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
}

.btn4 {
  border: calc(0.08 * var(--m)) solid transparent;
  position: relative;
  color: #F3F3F3;
  font-family: 'Space Grotesk';
  font-size: var(--m);
  border-radius: calc(0.7 * var(--m));
  padding: calc(0.5 * var(--m)) calc(1 * var(--m));
  display: flex;
  justify-content: center;
  cursor: pointer;
  
  background:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),  linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  background-origin: border-box;
  background-clip: padding-box, border-box, border-box;
  background-size: 200%;
  animation: animate 2s infinite linear;
}

.btn4::before {
  content: '';
  background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  height: 30%;
  width: 60%;
  position: absolute;
  bottom: -20%;
  z-index: -5;
  background-size: 200%;
  animation: animate 2s infinite linear;
  filter: blur(calc(0.8 * var(--m)));
}

.btn4:hover, button:hover::before {
  animation: animate 0.5s infinite linear;
}

@keyframes animate {
  0% {background-position: 0}
  100% {background-position: 200%}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3ca3037 */@import url('https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400');

:root {
/*  change this for scaling  */
  --m: 2rem;
  
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
}

.btn4 {
  border: calc(0.08 * var(--m)) solid transparent;
  position: relative;
  color: #F3F3F3;
  font-family: 'Space Grotesk';
  font-size: var(--m);
  border-radius: calc(0.7 * var(--m));
  padding: calc(0.5 * var(--m)) calc(1 * var(--m));
  display: flex;
  justify-content: center;
  cursor: pointer;
  
  background:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),  linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  background-origin: border-box;
  background-clip: padding-box, border-box, border-box;
  background-size: 200%;
  animation: animate 2s infinite linear;
}

.btn4::before {
  content: '';
  background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  height: 30%;
  width: 60%;
  position: absolute;
  bottom: -20%;
  z-index: -5;
  background-size: 200%;
  animation: animate 2s infinite linear;
  filter: blur(calc(0.8 * var(--m)));
}

.btn4:hover, button:hover::before {
  animation: animate 0.5s infinite linear;
}

@keyframes animate {
  0% {background-position: 0}
  100% {background-position: 200%}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9b5a760 */@import url('https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400');

:root {
/*  change this for scaling  */
  --m: 2rem;
  
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
}

.btn4 {
  border: calc(0.08 * var(--m)) solid transparent;
  position: relative;
  color: #F3F3F3;
  font-family: 'Space Grotesk';
  font-size: var(--m);
  border-radius: calc(0.7 * var(--m));
  padding: calc(0.5 * var(--m)) calc(1 * var(--m));
  display: flex;
  justify-content: center;
  cursor: pointer;
  
  background:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),  linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  background-origin: border-box;
  background-clip: padding-box, border-box, border-box;
  background-size: 200%;
  animation: animate 2s infinite linear;
}

.btn4::before {
  content: '';
  background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  height: 30%;
  width: 60%;
  position: absolute;
  bottom: -20%;
  z-index: -5;
  background-size: 200%;
  animation: animate 2s infinite linear;
  filter: blur(calc(0.8 * var(--m)));
}

.btn4:hover, button:hover::before {
  animation: animate 0.5s infinite linear;
}

@keyframes animate {
  0% {background-position: 0}
  100% {background-position: 200%}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-258494d */@import url('https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400');

:root {
/*  change this for scaling  */
  --m: 2rem;
  
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
}

.btn4 {
  border: calc(0.08 * var(--m)) solid transparent;
  position: relative;
  color: #F3F3F3;
  font-family: 'Space Grotesk';
  font-size: var(--m);
  border-radius: calc(0.7 * var(--m));
  padding: calc(0.5 * var(--m)) calc(1 * var(--m));
  display: flex;
  justify-content: center;
  cursor: pointer;
  
  background:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),  linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  background-origin: border-box;
  background-clip: padding-box, border-box, border-box;
  background-size: 200%;
  animation: animate 2s infinite linear;
}

.btn4::before {
  content: '';
  background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  height: 30%;
  width: 60%;
  position: absolute;
  bottom: -20%;
  z-index: -5;
  background-size: 200%;
  animation: animate 2s infinite linear;
  filter: blur(calc(0.8 * var(--m)));
}

.btn4:hover, button:hover::before {
  animation: animate 0.5s infinite linear;
}

@keyframes animate {
  0% {background-position: 0}
  100% {background-position: 200%}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0bbe780 */@import url('https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400');

:root {
/*  change this for scaling  */
  --m: 2rem;
  
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
}

.btn4 {
  border: calc(0.08 * var(--m)) solid transparent;
  position: relative;
  color: #F3F3F3;
  font-family: 'Space Grotesk';
  font-size: var(--m);
  border-radius: calc(0.7 * var(--m));
  padding: calc(0.5 * var(--m)) calc(1 * var(--m));
  display: flex;
  justify-content: center;
  cursor: pointer;
  
  background:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),  linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  background-origin: border-box;
  background-clip: padding-box, border-box, border-box;
  background-size: 200%;
  animation: animate 2s infinite linear;
}

.btn4::before {
  content: '';
  background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  height: 30%;
  width: 60%;
  position: absolute;
  bottom: -20%;
  z-index: -5;
  background-size: 200%;
  animation: animate 2s infinite linear;
  filter: blur(calc(0.8 * var(--m)));
}

.btn4:hover, button:hover::before {
  animation: animate 0.5s infinite linear;
}

@keyframes animate {
  0% {background-position: 0}
  100% {background-position: 200%}
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8c771cd */@import url('https://fonts.googleapis.com/css?family=Space%20Grotesk:700|Space%20Grotesk:400');

:root {
/*  change this for scaling  */
  --m: 2rem;
  
  --red: #FF6565;
  --pink: #FF64F9;
  --purple: #6B5FFF;
  --blue: #4D8AFF;
  --green: #5BFF89;
  --yellow: #FFEE55;
  --orange: #FF6D1B;
  
}

.btn4 {
  border: calc(0.08 * var(--m)) solid transparent;
  position: relative;
  color: #F3F3F3;
  font-family: 'Space Grotesk';
  font-size: var(--m);
  border-radius: calc(0.7 * var(--m));
  padding: calc(0.5 * var(--m)) calc(1 * var(--m));
  display: flex;
  justify-content: center;
  cursor: pointer;
  
  background:linear-gradient(#121213, #121213), linear-gradient(#121213 50%, rgba(18, 18, 19, 0.6) 80%, rgba(18, 18, 19, 0)),  linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  background-origin: border-box;
  background-clip: padding-box, border-box, border-box;
  background-size: 200%;
  animation: animate 2s infinite linear;
}

.btn4::before {
  content: '';
  background: linear-gradient(90deg, var(--orange), var(--yellow), var(--green), var(--blue), var(--purple), var(--pink), var(--red));
  height: 30%;
  width: 60%;
  position: absolute;
  bottom: -20%;
  z-index: -5;
  background-size: 200%;
  animation: animate 2s infinite linear;
  filter: blur(calc(0.8 * var(--m)));
}

.btn4:hover, button:hover::before {
  animation: animate 0.5s infinite linear;
}

@keyframes animate {
  0% {background-position: 0}
  100% {background-position: 200%}
}/* End custom CSS */