.elementor-363 .elementor-element.elementor-element-c8ff850{--display:flex;--min-height:100vh;--justify-content:center;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-363 .elementor-element.elementor-element-c8ff850:not(.elementor-motion-effects-element-type-background), .elementor-363 .elementor-element.elementor-element-c8ff850 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.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-363 .elementor-element.elementor-element-bb51d40 .elementor-button{background-color:#FFFFFF;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-363 .elementor-element.elementor-element-bb51d40{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-363 .elementor-element.elementor-element-bb51d40.elementor-element{--align-self:flex-start;}.elementor-363 .elementor-element.elementor-element-bb51d40.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-363 .elementor-element.elementor-element-d96ad87{width:var( --container-widget-width, 12.525% );max-width:12.525%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:12.525%;--container-widget-flex-grow:0;}.elementor-363 .elementor-element.elementor-element-d96ad87.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-363 .elementor-element.elementor-element-d96ad87.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-363 .elementor-element.elementor-element-d96ad87 .elementor-button{fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-363 .elementor-element.elementor-element-d0c6df8 .elementor-button{background-color:#DF339C;fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-363 .elementor-element.elementor-element-d0c6df8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-363 .elementor-element.elementor-element-d0c6df8.elementor-element{--align-self:flex-start;}.elementor-363 .elementor-element.elementor-element-d0c6df8.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-363 .elementor-element.elementor-element-3286492{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-363 .elementor-element.elementor-element-3286492.elementor-element{--align-self:flex-start;}.elementor-363 .elementor-element.elementor-element-3286492.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-363 .elementor-element.elementor-element-3286492 .elementor-button{fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:16px 2px 16px 2px;}/* Start custom CSS for button, class: .elementor-element-d96ad87 *//* EFFECT 4: Outline grows, then background fills */
.btn-effect-4{
  --fill-bg: linear-gradient(135deg,#00c9ff,#92fe9d);
  --hover-color: #0a0a0a;
}

.btn-effect-4 .elementor-button{
  position: relative;
  overflow: hidden;
  border: 2px solid #00c9ff;
  transition: border-color .3s ease, color .3s ease;
}

/* Thin outline sweep (top border style) */
.btn-effect-4 .elementor-button::before{
  content: '';
  position: absolute;
  inset: 0;
  background: var(--fill-bg);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s ease;
  z-index: 0;
}

/* On hover, full fill */
.btn-effect-4 .elementor-button:hover::before{
  transform: scaleX(1);
}

/* Text & Icon above overlay */
.btn-effect-4 .elementor-button-text,
.btn-effect-4 .elementor-button-icon{
  position: relative;
  z-index: 1;
  transition: color .3s ease, transform .3s ease;
}

/* Icon style */
.btn-effect-4 .elementor-button-icon{
  transform: scale(1.2);
  padding-left: 5px;
}

/* Hover: darker text, small upward motion & border change */
.btn-effect-4 .elementor-button:hover{
  border-color: transparent;
}

.btn-effect-4 .elementor-button:hover .elementor-button-text,
.btn-effect-4 .elementor-button:hover .elementor-button-icon{
  color: var(--hover-color);
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3286492 *//*Fill box*/
.my-btn .elementor-button::before{
    content:'';
    position: absolute;
    background: #c6c6c6; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .4s ease; /*<-- Change fill speed */
}

/*Hover class*/
.my-btn .elementor-button:hover::before{
    transform: scaleX(1);
    transform-origin: left; /*<-- Change fill in direction*/

}

/*Button text*/
.my-btn .elementor-button-text{
    z-index: 1;
}/* End custom CSS */