.elementor-5585 .elementor-element.elementor-element-5bf0111e{--display:flex;--min-height:100vh;--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;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5585 .elementor-element.elementor-element-5bf0111e:not(.elementor-motion-effects-element-type-background), .elementor-5585 .elementor-element.elementor-element-5bf0111e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("/wp-content/uploads/2025/09/ConvertRite-Home-Banner.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-5585 .elementor-element.elementor-element-262f12fb{text-align:center;}.elementor-5585 .elementor-element.elementor-element-262f12fb .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:50px;font-weight:700;line-height:100%;letter-spacing:-2%;color:#0056AA;}.elementor-5585 .elementor-element.elementor-element-11e5aee{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-5585 .elementor-element.elementor-element-11e5aee .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;line-height:20px;letter-spacing:-2%;color:#52504C;}.elementor-5585 .elementor-element.elementor-element-119b017{--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:center;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5585 .elementor-element.elementor-element-119b017.e-con{--align-self:center;}.elementor-5585 .elementor-element.elementor-element-a5ad1e2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button{background-color:transparent;font-family:"Space Grotesk", Sans-serif;font-size:14px;font-weight:700;line-height:100%;letter-spacing:-2%;fill:#FFFFFF;color:#FFFFFF;background-image:linear-gradient(145deg, #A464FF -50%, #FF500B 60%);border-radius:10px 10px 10px 10px;padding:15px 25px 15px 25px;}.elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button:hover, .elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button:focus{background-color:transparent;color:#FFFFFF;background-image:linear-gradient(145deg, #FF500B 70%, #A464FF 100%);}.elementor-5585 .elementor-element.elementor-element-7634b74{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;}.elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button:hover svg, .elementor-5585 .elementor-element.elementor-element-7634b74 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-5585 .elementor-element.elementor-element-f0e96c9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-23px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button{background-color:#A464FF00;font-family:"Space Grotesk", Sans-serif;font-size:14px;font-weight:700;line-height:100%;letter-spacing:-2%;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-color:#FFFFFF00;border-radius:10px 10px 10px 10px;padding:15px 20px 15px 20px;}.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:hover, .elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:focus{background-color:#FF500B00;color:#FFFFFF;}.elementor-5585 .elementor-element.elementor-element-e1f3178{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 20px 0px;border-style:none;}.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button .elementor-button-content-wrapper{gap:6px;}.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:hover svg, .elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:767px){.elementor-5585 .elementor-element.elementor-element-a5ad1e2{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5585 .elementor-element.elementor-element-f0e96c9{--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-5585 .elementor-element.elementor-element-119b017{--width:40%;}}/* Start custom CSS for button, class: .elementor-element-e1f3178 *//* ===============================
   DEFAULT STATE
================================== */
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px; /* space between text & icon */
  
  border-radius: 10px;
  border: 0.3px solid transparent;
  background: transparent;
  overflow: hidden;
  font-weight: 600;
  transition: all 0.4s ease;
}

/* Gradient text + icon */
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button .elementor-button-text,
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button .elementor-button-icon i,
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button .elementor-button-icon svg path {
  background: linear-gradient(90deg, #A464FF, #FF500B);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: background 0.4s ease;
}

/* Gradient border (transparent middle) */
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 2px; /* border thickness */
  border-radius: inherit;
  background: linear-gradient(90deg, #A464FF, #FF500B);
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  transition: background 0.4s ease;
}

/* ===============================
   HOVER STATE (reverse gradient)
================================== */
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:hover::before {
  background: linear-gradient(90deg, #FF500B, #A464FF);
}

.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:hover .elementor-button-text,
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:hover .elementor-button-icon i,
.elementor-5585 .elementor-element.elementor-element-e1f3178 .elementor-button:hover .elementor-button-icon svg path {
  background: linear-gradient(90deg, #FF500B, #A464FF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */