.elementor-1689 .elementor-element.elementor-element-030bfb4{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1689 .elementor-element.elementor-element-030bfb4.e-con{--align-self:center;}.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button{background-color:var( --e-global-color-primary );font-family:"Montserrat", Sans-serif;font-size:20px;font-weight:800;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:0px 0px 0px 0px;padding:20px 30px 20px 30px;}.elementor-1689 .elementor-element.elementor-element-c128515{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button-content-wrapper{flex-direction:row;}@media(max-width:1024px){.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button{font-size:18px;}}@media(max-width:767px){.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button{font-size:16px;}}/* Start custom CSS for button, class: .elementor-element-c128515 */.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button {
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 1s ease;
}

.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #0A4B72; /* Your hover background color */
  transition: all 0.8s ease;
  z-index: -1;
}

.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button:hover::before {
  left: 0;
}

.elementor-1689 .elementor-element.elementor-element-c128515 .elementor-button:hover {
  color: #fff; /* Hover text color — feel free to change */
}/* End custom CSS */