.elementor-23 .elementor-element.elementor-element-de287ae{--display:flex;--min-height:90px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-23 .elementor-element.elementor-element-de287ae:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-de287ae > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-72e1096 );}.elementor-23 .elementor-element.elementor-element-de287ae.e-con{--align-self:center;}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-23 .elementor-element.elementor-element-9d367f8{text-align:left;}.elementor-23 .elementor-element.elementor-element-9d367f8 img{width:179px;height:35px;object-fit:contain;object-position:center center;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.5px;word-spacing:0px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main .elementor-item{color:#505050;fill:#505050;padding-left:0px;padding-right:0px;padding-top:3px;padding-bottom:3px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main .elementor-item:hover, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main .elementor-item.highlighted, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main .elementor-item:focus{color:#505050;fill:#505050;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-72e1096 );}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed .elementor-item:before, .elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-72e1096 );}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#000000;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#000000;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-underline .elementor-item:after, .elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-overline .elementor-item:before, .elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-double-line .elementor-item:before, .elementor-23 .elementor-element.elementor-element-350445ae .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-23 .elementor-element.elementor-element-350445ae{--e-nav-menu-horizontal-menu-item-margin:calc( 27px / 2 );}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:27px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown a, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-menu-toggle{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown{background-color:#000000;border-style:solid;border-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown a:hover, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown a.highlighted{background-color:#EDE3E300;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:-0.2px;word-spacing:0px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF;border-bottom-width:1px;}.elementor-23 .elementor-element.elementor-element-350445ae div.elementor-menu-toggle{color:#000000;}.elementor-23 .elementor-element.elementor-element-350445ae div.elementor-menu-toggle svg{fill:#000000;}.elementor-23 .elementor-element.elementor-element-350445ae div.elementor-menu-toggle:hover{color:#000000;}.elementor-23 .elementor-element.elementor-element-350445ae div.elementor-menu-toggle:hover svg{fill:#000000;}.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-23 .elementor-element.elementor-element-52b563ad .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.2px;word-spacing:0px;fill:#000000;color:#000000;border-radius:60px 60px 60px 60px;padding:10px 25px 10px 025px;}.elementor-23 .elementor-element.elementor-element-52b563ad.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-52b563ad .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-52b563ad .elementor-button:focus{color:#000000;border-color:#000000;}.elementor-23 .elementor-element.elementor-element-52b563ad .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-52b563ad .elementor-button:focus svg{fill:#000000;}.elementor-23 .elementor-element.elementor-element-4065608{--display:flex;--min-height:90px;--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:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-23 .elementor-element.elementor-element-4065608:not(.elementor-motion-effects-element-type-background), .elementor-23 .elementor-element.elementor-element-4065608 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-72e1096 );}.elementor-23 .elementor-element.elementor-element-56bb9ad{--display:flex;}.elementor-23 .elementor-element.elementor-element-de77cf9{text-align:left;}.elementor-23 .elementor-element.elementor-element-de77cf9 img{width:179px;height:35px;object-fit:contain;object-position:center center;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-menu-toggle{margin-left:auto;background-color:#FFFFFF00;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.5px;word-spacing:0px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main .elementor-item{color:#505050;fill:#505050;padding-left:0px;padding-right:0px;padding-top:3px;padding-bottom:3px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main .elementor-item:hover, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main .elementor-item:focus{color:#505050;fill:#505050;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-72e1096 );}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed .elementor-item:before, .elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-72e1096 );}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#000000;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#000000;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed .elementor-item:before{border-width:2px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 2px 2px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:2px 2px 0 0;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:2px 0 0 2px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 2px 2px 0;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-underline .elementor-item:after, .elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-overline .elementor-item:before, .elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-double-line .elementor-item:before, .elementor-23 .elementor-element.elementor-element-c7dbd69 .e--pointer-double-line .elementor-item:after{height:2px;}.elementor-23 .elementor-element.elementor-element-c7dbd69{--e-nav-menu-horizontal-menu-item-margin:calc( 27px / 2 );}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:27px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown a, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-menu-toggle{color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown{background-color:#000000;border-style:solid;border-color:#FFFFFF;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown a:hover, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown a.highlighted{background-color:#EDE3E300;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;letter-spacing:-0.2px;word-spacing:0px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#FFFFFF;border-bottom-width:1px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 div.elementor-menu-toggle{color:#000000;}.elementor-23 .elementor-element.elementor-element-c7dbd69 div.elementor-menu-toggle svg{fill:#000000;}.elementor-23 .elementor-element.elementor-element-c7dbd69 div.elementor-menu-toggle:hover{color:#000000;}.elementor-23 .elementor-element.elementor-element-c7dbd69 div.elementor-menu-toggle:hover svg{fill:#000000;}.elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:-0.2px;word-spacing:0px;fill:#000000;color:#000000;border-radius:60px 60px 60px 60px;padding:10px 25px 10px 025px;}.elementor-23 .elementor-element.elementor-element-0a8fac2.elementor-element{--align-self:center;}.elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button:hover, .elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button:focus{color:#000000;border-color:#000000;}.elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button:hover svg, .elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button:focus svg{fill:#000000;}@media(max-width:1024px){.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-350445ae{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-52b563ad .elementor-button{font-size:14px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-c7dbd69{--e-nav-menu-horizontal-menu-item-margin:calc( 30px / 2 );}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:30px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-23 .elementor-element.elementor-element-de287ae{--content-width:1300px;}.elementor-23 .elementor-element.elementor-element-4065608{--content-width:1300px;}}@media(max-width:767px){.elementor-23 .elementor-element.elementor-element-de287ae{--min-height:70px;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-9d367f8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;text-align:left;}.elementor-23 .elementor-element.elementor-element-350445ae.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-23 .elementor-element.elementor-element-350445ae .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-23 .elementor-element.elementor-element-350445ae{--nav-menu-icon-size:25px;}.elementor-23 .elementor-element.elementor-element-52b563ad{padding:0% 0% 0% 0%;}.elementor-23 .elementor-element.elementor-element-52b563ad.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-52b563ad .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}.elementor-23 .elementor-element.elementor-element-4065608{--min-height:70px;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-23 .elementor-element.elementor-element-56bb9ad{--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;--flex-wrap:nowrap;}.elementor-23 .elementor-element.elementor-element-de77cf9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:10px 10px 10px 10px;text-align:left;}.elementor-23 .elementor-element.elementor-element-c7dbd69.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu .elementor-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown .elementor-item, .elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown .elementor-sub-item{font-size:14px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-23 .elementor-element.elementor-element-c7dbd69 .elementor-nav-menu--dropdown a{padding-top:12px;padding-bottom:12px;}.elementor-23 .elementor-element.elementor-element-c7dbd69{--nav-menu-icon-size:25px;}.elementor-23 .elementor-element.elementor-element-0a8fac2{padding:0% 0% 0% 0%;}.elementor-23 .elementor-element.elementor-element-0a8fac2.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-23 .elementor-element.elementor-element-0a8fac2 .elementor-button{font-size:14px;padding:10px 18px 10px 18px;}}/* Start custom CSS for button, class: .elementor-element-52b563ad */.button-fill-left-to-right { position: relative; display: inline-block; color: white; /* text color */ background-color: transparent; /* initial background transparent */ /* border color matches fill */ border-radius: 25px; /* rounded shape */ box-shadow: 0 3px 10px rgb(0,0,0,0.2); overflow: hidden; transition: color 0.3s ease; /* smooth text color change */ } .button-fill-left-to-right::before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #BCFA70; /* fill color */ z-index: 0; transition: width 0.4s ease; /* smooth fill animation */ } .button-fill-left-to-right:hover::before { width: 100%; } .button-fill-left-to-right span { position: relative; z-index: 1; } .button-fill-left-to-right:hover { color: #333; /* optional: changes text to dark on light fill */ }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-0a8fac2 */.button-fill-left-to-right { position: relative; display: inline-block; color: white; /* text color */ background-color: transparent; /* initial background transparent */ /* border color matches fill */ border-radius: 25px; /* rounded shape */ box-shadow: 0 3px 10px rgb(0,0,0,0.2); overflow: hidden; transition: color 0.3s ease; /* smooth text color change */ } .button-fill-left-to-right::before { content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; background-color: #BCFA70; /* fill color */ z-index: 0; transition: width 0.4s ease; /* smooth fill animation */ } .button-fill-left-to-right:hover::before { width: 100%; } .button-fill-left-to-right span { position: relative; z-index: 1; } .button-fill-left-to-right:hover { color: #333; /* optional: changes text to dark on light fill */ }/* End custom CSS */