.elementor-20 .elementor-element.elementor-element-cae91aa{--display:flex;--min-height:95vh;--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:center;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:1;--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-20 .elementor-element.elementor-element-cae91aa:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/desktop-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-cae91aa::before, .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-cae91aa > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-cae91aa > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #0A0A0A8C 70%, var( --e-global-color-secondary ) 95%);}.elementor-20 .elementor-element.elementor-element-cae91aa.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-cb02a79{--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:center;--align-items:flex-end;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:24px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-d767b6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-20 .elementor-element.elementor-element-d767b6a.elementor-element{--align-self:flex-end;}.elementor-20 .elementor-element.elementor-element-d767b6a .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:48px;font-weight:600;color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;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-20 .elementor-element.elementor-element-ff67f1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;font-family:"IBM Plex Sans", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-ff67f1b.elementor-element{--align-self:flex-end;}.elementor-20 .elementor-element.elementor-element-ff67f1b p{margin-block-end:0px;}.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-20 .elementor-element.elementor-element-4893ef1 .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button:focus{background-color:var( --e-global-color-a764c60 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-4893ef1{width:var( --container-widget-width, 20% );max-width:20%;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:20%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-4893ef1.elementor-element{--align-self:flex-end;}.elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-68e0213{--display:flex;}.elementor-20 .elementor-element.elementor-element-68e0213:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-68e0213 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-68e0213.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-412ed19{text-align:center;}.elementor-20 .elementor-element.elementor-element-412ed19 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:48px;font-weight:500;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-20 .elementor-element.elementor-element-54b4435{--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-20 .elementor-element.elementor-element-52392ca{--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-widget-loop-grid .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-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-20 .elementor-element.elementor-element-a4e817a{--grid-columns:3;--grid-row-gap:16px;--load-more-button-align:center;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-a4e817a .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a4e817a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-a4e817a .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-a4e817a .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-a4e817a .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-a4e817a .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-a4e817a .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-a4e817a .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-a4e817a .elementor-button:focus{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a4e817a .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-a4e817a .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-deebd25{--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-20 .elementor-element.elementor-element-6c5b511{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-6c5b511 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-6c5b511 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-6c5b511 .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-6c5b511 .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-6c5b511 .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-6c5b511 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-e446d0c{--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-20 .elementor-element.elementor-element-14db5cb{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-14db5cb > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-14db5cb .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-14db5cb .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-14db5cb .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-14db5cb .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-14db5cb .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-ec61091{--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-20 .elementor-element.elementor-element-1a4ac75{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-1a4ac75 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-1a4ac75 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-1a4ac75 .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-1a4ac75 .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-1a4ac75 .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-1a4ac75 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-9f78b1e{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-gap:0px;--n-tabs-title-font-size:14px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:#6E562B;}.elementor-20 .elementor-element.elementor-element-9f78b1e > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-9f78b1e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-9f78b1e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20 .elementor-element.elementor-element-9f78b1e.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-9f78b1e.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Bruno Ace SC", Sans-serif;font-weight:300;}.elementor-20 .elementor-element.elementor-element-9f78b1e [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#6E562B;}.elementor-20 .elementor-element.elementor-element-bf2104a{--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-20 .elementor-element.elementor-element-af37afc{--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-20 .elementor-element.elementor-element-463b74b{--grid-columns:3;--grid-row-gap:16px;--load-more-button-align:center;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-463b74b .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-463b74b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-463b74b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-463b74b .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-463b74b .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-463b74b .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-463b74b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-463b74b .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-463b74b .elementor-button:focus{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-463b74b .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-463b74b .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-eeabe2f{--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-20 .elementor-element.elementor-element-e7feb47{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-e7feb47 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-e7feb47 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-e7feb47 .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-e7feb47 .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-e7feb47 .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-e7feb47 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-f8b4cc4{--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-20 .elementor-element.elementor-element-dfebe77{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-dfebe77 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-dfebe77 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-dfebe77 .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-dfebe77 .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-dfebe77 .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-dfebe77 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-9643cc8{--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-20 .elementor-element.elementor-element-2b240e9{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-2b240e9 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-2b240e9 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-2b240e9 .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-2b240e9 .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-2b240e9 .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-2b240e9 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-8135521{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-font-size:14px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:#6E562B;}.elementor-20 .elementor-element.elementor-element-8135521 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-8135521.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-8135521.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20 .elementor-element.elementor-element-8135521.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-8135521.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Bruno Ace SC", Sans-serif;font-weight:300;}.elementor-20 .elementor-element.elementor-element-8135521 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#6E562B;}.elementor-20 .elementor-element.elementor-element-406171f{--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-20 .elementor-element.elementor-element-df386c5{--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-20 .elementor-element.elementor-element-a895ad4{--grid-columns:3;--grid-row-gap:16px;--load-more-button-align:center;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-a895ad4 .elementor-button{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );fill:var( --e-global-color-text );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a895ad4 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-a895ad4 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-a895ad4 .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-a895ad4 .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-a895ad4 .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-a895ad4 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-a895ad4 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-a895ad4 .elementor-button:focus{color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a895ad4 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-a895ad4 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-581f411{--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-20 .elementor-element.elementor-element-7ddae9c{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-7ddae9c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-7ddae9c .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-7ddae9c .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-7ddae9c .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-7ddae9c .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-7ddae9c .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-017cdc3{--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-20 .elementor-element.elementor-element-8d2209f{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-8d2209f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-8d2209f .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-8d2209f .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-8d2209f .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-8d2209f .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-8d2209f .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-31ff18c{--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-20 .elementor-element.elementor-element-81a14dc{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-81a14dc > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-81a14dc .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-81a14dc .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-81a14dc .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-81a14dc .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-81a14dc .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-c135434{--display:flex;}.elementor-20 .elementor-element.elementor-element-c592d7b{--grid-columns:3;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-c592d7b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-c592d7b .elementor-loop-container{grid-auto-rows:1fr;}.elementor-20 .elementor-element.elementor-element-c592d7b .e-loop-item > .elementor-section, .elementor-20 .elementor-element.elementor-element-c592d7b .e-loop-item > .elementor-section > .elementor-container, .elementor-20 .elementor-element.elementor-element-c592d7b .e-loop-item > .e-con, .elementor-20 .elementor-element.elementor-element-c592d7b .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}.elementor-20 .elementor-element.elementor-element-cdaf45a{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--n-tabs-title-font-size:14px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:#6E562B;}.elementor-20 .elementor-element.elementor-element-cdaf45a > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-cdaf45a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-cdaf45a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20 .elementor-element.elementor-element-cdaf45a.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-cdaf45a.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Bruno Ace SC", Sans-serif;font-weight:300;}.elementor-20 .elementor-element.elementor-element-cdaf45a [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#6E562B;}.elementor-20 .elementor-element.elementor-element-a80c0a9{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 8px 0px;--n-tabs-title-font-size:18px;--n-tabs-title-color:var( --e-global-color-primary );--n-tabs-title-color-active:#6E562B;}.elementor-20 .elementor-element.elementor-element-a80c0a9 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-a80c0a9.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-a80c0a9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-20 .elementor-element.elementor-element-a80c0a9.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-a80c0a9.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Bruno Ace SC", Sans-serif;font-weight:300;}.elementor-20 .elementor-element.elementor-element-a80c0a9 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#6E562B;}.elementor-20 .elementor-element.elementor-element-c7f6498{--display:flex;--min-height:100vh;--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;--gap:0px 016px;--row-gap:0px;--column-gap:016px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-c7f6498:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-c7f6498 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-56a053d{--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;--overlay-opacity:0.1;--border-radius:3px 3px 3px 3px;--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-20 .elementor-element.elementor-element-56a053d:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-56a053d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/Untitled-design-36.png");background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-56a053d::before, .elementor-20 .elementor-element.elementor-element-56a053d > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-56a053d > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-56a053d > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-56a053d > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-56a053d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-78ce709{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.1;--border-radius:3px 3px 3px 3px;--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-20 .elementor-element.elementor-element-78ce709:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-78ce709 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/Untitled-design-37.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-78ce709::before, .elementor-20 .elementor-element.elementor-element-78ce709 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-78ce709 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-78ce709 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-78ce709 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-78ce709 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-a714fed{--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;--overlay-opacity:0.1;--border-radius:3px 3px 3px 3px;--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-20 .elementor-element.elementor-element-a714fed:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a714fed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/closeup-boatsDS-1-scaled.png");background-position:0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-a714fed::before, .elementor-20 .elementor-element.elementor-element-a714fed > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-a714fed > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-a714fed > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-a714fed > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-a714fed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-eef1a28{--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;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:12px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-340d494{text-align:center;}.elementor-20 .elementor-element.elementor-element-340d494 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:40px;font-weight:500;}.elementor-20 .elementor-element.elementor-element-d82ec54{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:22px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-d82ec54 p{margin-block-end:1px;}.elementor-20 .elementor-element.elementor-element-654f01e{--display:flex;--min-height:100vh;--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;--gap:0px 016px;--row-gap:0px;--column-gap:016px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-654f01e:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-654f01e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-eb90fc6{--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;--overlay-opacity:0.2;--border-radius:3px 3px 3px 3px;--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-20 .elementor-element.elementor-element-eb90fc6:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-eb90fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/closeup-boats-7-scaled.png");background-position:-25px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-eb90fc6::before, .elementor-20 .elementor-element.elementor-element-eb90fc6 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-eb90fc6 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-eb90fc6 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-eb90fc6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-eb90fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-60f8363{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.2;--border-radius:3px 3px 3px 3px;--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-20 .elementor-element.elementor-element-60f8363:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-60f8363 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/closeup-boats-6-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-60f8363::before, .elementor-20 .elementor-element.elementor-element-60f8363 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-60f8363 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-60f8363 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-60f8363 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-60f8363 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-9be4a08{--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;--overlay-opacity:0.2;--border-radius:3px 3px 3px 3px;--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-20 .elementor-element.elementor-element-9be4a08:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9be4a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/closeup-boatsDS-1-scaled.png");background-position:0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-9be4a08::before, .elementor-20 .elementor-element.elementor-element-9be4a08 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-9be4a08 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-9be4a08 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-9be4a08 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-9be4a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-03d1d4d{--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;--justify-content:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:8px;--padding-bottom:8px;--padding-left:12px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-9ad7886{text-align:end;}.elementor-20 .elementor-element.elementor-element-9ad7886 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:40px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-748076b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;font-family:"IBM Plex Sans", Sans-serif;font-size:22px;font-weight:400;}.elementor-20 .elementor-element.elementor-element-748076b p{margin-block-end:1px;}.elementor-20 .elementor-element.elementor-element-14fdd94{--display:flex;--min-height:80vh;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-14fdd94:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-14fdd94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-e503e4b{--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:center;--align-items:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overlay-opacity:0.4;--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-20 .elementor-element.elementor-element-e503e4b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-e503e4b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/arcator-hero-500-x-600-px.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-e503e4b::before, .elementor-20 .elementor-element.elementor-element-e503e4b > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-e503e4b > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-e503e4b > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-e503e4b > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-e503e4b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-e503e4b.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-1e5f0c9{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-1e5f0c9 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-98004b0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-98004b0 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-a08b199 .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Sans", Sans-serif;font-weight:500;letter-spacing:1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-a08b199 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-a08b199 .elementor-button:focus{background-color:var( --e-global-color-a764c60 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a08b199{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-a08b199.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-a08b199 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-a08b199 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-7be83b4{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--overlay-opacity:0.4;--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-20 .elementor-element.elementor-element-7be83b4:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-7be83b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/arcator-hero-500-x-600-px-1.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-7be83b4::before, .elementor-20 .elementor-element.elementor-element-7be83b4 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-7be83b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-7be83b4 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-7be83b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-7be83b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-7be83b4.e-con{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d4337fc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-d4337fc .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:40px;font-weight:600;color:var( --e-global-color-primary );}.elementor-20 .elementor-element.elementor-element-3930afe{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:22px;font-weight:400;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-3930afe p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-ed9358b .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Sans", Sans-serif;font-weight:500;letter-spacing:1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-ed9358b .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-ed9358b .elementor-button:focus{background-color:var( --e-global-color-a764c60 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-ed9358b{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-ed9358b.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ed9358b .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-ed9358b .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-502950f{--display:flex;--min-height:70vh;--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-20 .elementor-element.elementor-element-502950f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-502950f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-502950f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-20 .elementor-element.elementor-element-16d1cb7{--display:flex;--min-height:500px;--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:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:0.8;--border-radius:3px 3px 3px 3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-16d1cb7:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-16d1cb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;background-image:url("https://arcator.gr/wp-content/uploads/2026/04/arcator-hero-500-x-600-px.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-16d1cb7::before, .elementor-20 .elementor-element.elementor-element-16d1cb7 > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-16d1cb7 > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-16d1cb7 > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-16d1cb7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-16d1cb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-b0fe133{text-align:center;}.elementor-20 .elementor-element.elementor-element-b0fe133 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:24px;font-weight:400;letter-spacing:1px;}.elementor-20 .elementor-element.elementor-element-14b37a9{text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-14b37a9 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button:focus{background-color:var( --e-global-color-a764c60 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-8a70f8d{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-8a70f8d.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-eed698f{--display:flex;--min-height:500px;--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:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:0.88;--border-radius:3px 3px 3px 3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-eed698f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-eed698f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-20 .elementor-element.elementor-element-eed698f::before, .elementor-20 .elementor-element.elementor-element-eed698f > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-eed698f > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-eed698f > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-eed698f > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-eed698f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-526924c{text-align:center;}.elementor-20 .elementor-element.elementor-element-526924c .elementor-heading-title{font-family:"Bruno Ace SC", Sans-serif;font-size:18px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-a62c4d7{text-align:center;}.elementor-20 .elementor-element.elementor-element-a62c4d7 .elementor-heading-title{font-family:"Bruno Ace SC", Sans-serif;font-size:24px;font-weight:300;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a11c949{text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-a11c949 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-302c28b{--display:flex;--min-height:500px;--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:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:0.8;--border-radius:3px 3px 3px 3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-302c28b:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-302c28b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;background-image:url("https://arcator.gr/wp-content/uploads/2026/04/arcator-hero-500-x-600-px-1.png");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-20 .elementor-element.elementor-element-302c28b::before, .elementor-20 .elementor-element.elementor-element-302c28b > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-302c28b > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-302c28b > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-302c28b > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-302c28b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-44cb6f6{text-align:center;}.elementor-20 .elementor-element.elementor-element-44cb6f6 .elementor-heading-title{font-family:"IBM Plex Sans", Sans-serif;font-size:24px;font-weight:400;letter-spacing:1px;}.elementor-20 .elementor-element.elementor-element-f3839ac{text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;line-height:24px;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-f3839ac p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:500;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button:focus{background-color:var( --e-global-color-a764c60 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-e33e8b3{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-e33e8b3.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-3f6f8b1{--display:flex;--min-height:300px;--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;--justify-content:center;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-3f6f8b1:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-3f6f8b1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-20 .elementor-element.elementor-element-2579f0f{--display:flex;--min-height:400px;--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:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:0.8;--border-radius:3px 3px 3px 3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:56px;--padding-right:56px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-2579f0f:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-2579f0f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-20 .elementor-element.elementor-element-2579f0f::before, .elementor-20 .elementor-element.elementor-element-2579f0f > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-2579f0f > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-2579f0f > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-2579f0f > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-2579f0f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-e494d24{text-align:center;}.elementor-20 .elementor-element.elementor-element-e494d24 .elementor-heading-title{font-family:"Bruno Ace SC", Sans-serif;font-size:32px;font-weight:600;}.elementor-20 .elementor-element.elementor-element-56c5dab{text-align:center;}.elementor-20 .elementor-element.elementor-element-56c5dab .elementor-heading-title{font-family:"Bruno Ace SC", Sans-serif;font-size:28px;font-weight:300;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-ddbdf7b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-ddbdf7b p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-a18338c{--display:flex;--min-height:400px;--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:center;--align-items:center;--gap:32px 32px;--row-gap:32px;--column-gap:32px;--overlay-opacity:0.75;--border-radius:3px 3px 3px 3px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:32px;--padding-bottom:32px;--padding-left:32px;--padding-right:32px;--z-index:0;}.elementor-20 .elementor-element.elementor-element-a18338c:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a18338c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-20 .elementor-element.elementor-element-a18338c::before, .elementor-20 .elementor-element.elementor-element-a18338c > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-a18338c > .e-con-inner > .elementor-background-video-container::before, .elementor-20 .elementor-element.elementor-element-a18338c > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-a18338c > .e-con-inner > .elementor-background-slideshow::before, .elementor-20 .elementor-element.elementor-element-a18338c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-20 .elementor-element.elementor-element-444b940{text-align:center;}.elementor-20 .elementor-element.elementor-element-444b940 .elementor-heading-title{font-family:"Bruno Ace SC", Sans-serif;font-size:26px;font-weight:400;letter-spacing:0.7px;}.elementor-20 .elementor-element.elementor-element-073e9d2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;column-gap:0px;text-align:center;font-family:"IBM Plex Sans", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-073e9d2 p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-a27ee3a{--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;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--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-20 .elementor-element.elementor-element-ef6700a .elementor-button{background-color:var( --e-global-color-primary );font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-radius:3px 3px 3px 3px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button:focus{background-color:var( --e-global-color-a764c60 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-ef6700a{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-ef6700a.elementor-element{--align-self:stretch;}.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button:focus svg{fill:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button{background-color:#1B1B1B;font-family:"IBM Plex Sans", Sans-serif;font-size:16px;font-weight:500;letter-spacing:1px;fill:var( --e-global-color-text );color:var( --e-global-color-text );border-style:none;border-radius:0px 0px 0px 0px;padding:16px 32px 16px 32px;}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button:hover, .elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button:focus{background-color:var( --e-global-color-astglobalcolor6 );color:var( --e-global-color-text );}.elementor-20 .elementor-element.elementor-element-9efd911{width:var( --container-widget-width, 50% );max-width:50%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-9efd911.elementor-element{--align-self:stretch;}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button:hover svg, .elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button:focus svg{fill:var( --e-global-color-text );}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-20 .elementor-element.elementor-element-cae91aa:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/laptop-1.png");background-position:center right;}.elementor-20 .elementor-element.elementor-element-cae91aa{--min-height:90vh;}.elementor-20 .elementor-element.elementor-element-d767b6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:end;}.elementor-20 .elementor-element.elementor-element-d767b6a .elementor-heading-title{font-size:40px;}.elementor-20 .elementor-element.elementor-element-ff67f1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;font-size:16px;}.elementor-20 .elementor-element.elementor-element-4893ef1{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-412ed19 .elementor-heading-title{font-size:40px;}.elementor-20 .elementor-element.elementor-element-a4e817a{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-6c5b511{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-14db5cb{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-1a4ac75{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-9f78b1e{--n-tabs-title-font-size:13px;}.elementor-20 .elementor-element.elementor-element-463b74b{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-e7feb47{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-dfebe77{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-2b240e9{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-8135521{--n-tabs-title-font-size:13px;}.elementor-20 .elementor-element.elementor-element-a895ad4{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-7ddae9c{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-8d2209f{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-81a14dc{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-c592d7b{--grid-columns:3;}.elementor-20 .elementor-element.elementor-element-cdaf45a{--n-tabs-title-font-size:13px;}.elementor-20 .elementor-element.elementor-element-a80c0a9{--n-tabs-title-font-size:17px;}.elementor-20 .elementor-element.elementor-element-340d494 .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-d82ec54{font-size:20px;}.elementor-20 .elementor-element.elementor-element-9ad7886 .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-748076b{font-size:20px;}.elementor-20 .elementor-element.elementor-element-502950f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-20 .elementor-element.elementor-element-b0fe133 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-14b37a9{font-size:17px;}.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button{font-size:15px;}.elementor-20 .elementor-element.elementor-element-526924c .elementor-heading-title{font-size:17px;}.elementor-20 .elementor-element.elementor-element-a62c4d7 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-a11c949{font-size:17px;}.elementor-20 .elementor-element.elementor-element-44cb6f6 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-f3839ac{font-size:17px;}.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button{font-size:15px;}.elementor-20 .elementor-element.elementor-element-e494d24 .elementor-heading-title{font-size:28px;}.elementor-20 .elementor-element.elementor-element-56c5dab .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-ddbdf7b{font-size:17px;}.elementor-20 .elementor-element.elementor-element-444b940 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-073e9d2{font-size:17px;}.elementor-20 .elementor-element.elementor-element-ef6700a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button{font-size:16px;}.elementor-20 .elementor-element.elementor-element-9efd911{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button{font-size:15px;}}@media(max-width:1024px){.elementor-20 .elementor-element.elementor-element-cae91aa:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/tablet-1.png");background-position:center center;}.elementor-20 .elementor-element.elementor-element-cae91aa{--min-height:75vh;}.elementor-20 .elementor-element.elementor-element-d767b6a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-d767b6a .elementor-heading-title{font-size:48px;}.elementor-20 .elementor-element.elementor-element-ff67f1b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-20 .elementor-element.elementor-element-4893ef1{margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:25%;--container-widget-flex-grow:0;width:var( --container-widget-width, 25% );max-width:25%;}.elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button{font-size:14px;border-radius:3px 3px 3px 3px;}.elementor-20 .elementor-element.elementor-element-412ed19 .elementor-heading-title{font-size:32px;}.elementor-20 .elementor-element.elementor-element-a4e817a{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-6c5b511{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-14db5cb{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-1a4ac75{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-9f78b1e{--n-tabs-title-font-size:12px;}.elementor-20 .elementor-element.elementor-element-463b74b{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-e7feb47{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-dfebe77{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-2b240e9{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-8135521{--n-tabs-title-font-size:12px;}.elementor-20 .elementor-element.elementor-element-a895ad4{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-7ddae9c{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-8d2209f{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-81a14dc{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-c592d7b{--grid-columns:2;--grid-row-gap:16px;--grid-column-gap:16px;}.elementor-20 .elementor-element.elementor-element-cdaf45a{--n-tabs-title-font-size:12px;}.elementor-20 .elementor-element.elementor-element-a80c0a9{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-font-size:16px;}.elementor-20 .elementor-element.elementor-element-c7f6498{--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:32px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-a714fed:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a714fed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-20 .elementor-element.elementor-element-340d494 .elementor-heading-title{font-size:28px;}.elementor-20 .elementor-element.elementor-element-d82ec54{font-size:18px;}.elementor-20 .elementor-element.elementor-element-eb90fc6:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-eb90fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-20 .elementor-element.elementor-element-9be4a08:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9be4a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-20 .elementor-element.elementor-element-9ad7886 .elementor-heading-title{font-size:28px;}.elementor-20 .elementor-element.elementor-element-748076b{font-size:18px;}.elementor-20 .elementor-element.elementor-element-502950f{--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;--padding-top:32px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-16d1cb7{--min-height:400px;}.elementor-20 .elementor-element.elementor-element-b0fe133 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-14b37a9{font-size:16px;}.elementor-20 .elementor-element.elementor-element-8a70f8d{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-eed698f{--min-height:400px;}.elementor-20 .elementor-element.elementor-element-526924c .elementor-heading-title{font-size:16px;}.elementor-20 .elementor-element.elementor-element-a62c4d7 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-a11c949{font-size:16px;}.elementor-20 .elementor-element.elementor-element-302c28b{--min-height:400px;}.elementor-20 .elementor-element.elementor-element-44cb6f6 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-f3839ac{font-size:16px;}.elementor-20 .elementor-element.elementor-element-e33e8b3{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-3f6f8b1{--flex-wrap:wrap;--padding-top:0px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2579f0f{--min-height:400px;}.elementor-20 .elementor-element.elementor-element-e494d24 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-56c5dab .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-ddbdf7b{font-size:16px;}.elementor-20 .elementor-element.elementor-element-a18338c{--min-height:400px;}.elementor-20 .elementor-element.elementor-element-073e9d2{font-size:16px;}.elementor-20 .elementor-element.elementor-element-a27ee3a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-20 .elementor-element.elementor-element-ef6700a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button{font-size:14px;border-radius:3px 3px 3px 3px;}.elementor-20 .elementor-element.elementor-element-9efd911{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:50%;--container-widget-flex-grow:0;width:var( --container-widget-width, 50% );max-width:50%;}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button{font-size:14px;border-radius:3px 3px 3px 3px;}}@media(max-width:767px){.elementor-20 .elementor-element.elementor-element-cae91aa:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-cae91aa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/mobile-1.png");}.elementor-20 .elementor-element.elementor-element-cae91aa{--min-height:60vh;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--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-20 .elementor-element.elementor-element-cb02a79{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:8px;--padding-right:8px;}.elementor-20 .elementor-element.elementor-element-d767b6a{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-20 .elementor-element.elementor-element-d767b6a.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-d767b6a .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-ff67f1b{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;font-size:16px;line-height:20px;}.elementor-20 .elementor-element.elementor-element-ff67f1b.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ff67f1b p{margin-block-end:0px;}.elementor-20 .elementor-element.elementor-element-4893ef1{width:var( --container-widget-width, 80% );max-width:80%;margin:32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-4893ef1.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-20 .elementor-element.elementor-element-68e0213{--content-width:95%;}.elementor-20 .elementor-element.elementor-element-412ed19 .elementor-heading-title{font-size:24px;}.elementor-20 .elementor-element.elementor-element-a4e817a{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-6c5b511{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-14db5cb{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-1a4ac75{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-9f78b1e{--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:12px;}.elementor-20 .elementor-element.elementor-element-463b74b{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-e7feb47{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-dfebe77{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-2b240e9{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-8135521{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:12px;}.elementor-20 .elementor-element.elementor-element-a895ad4{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-7ddae9c{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-8d2209f{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-81a14dc{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-c592d7b{--grid-columns:1;}.elementor-20 .elementor-element.elementor-element-cdaf45a{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:12px;}.elementor-20 .elementor-element.elementor-element-a80c0a9{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-padding-top:8px;--n-tabs-title-padding-right:12px;--n-tabs-title-padding-bottom:8px;--n-tabs-title-padding-left:12px;--n-tabs-title-font-size:15px;}.elementor-20 .elementor-element.elementor-element-c7f6498{--content-width:95%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:016px;}.elementor-20 .elementor-element.elementor-element-56a053d:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-56a053d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;background-size:contain;}.elementor-20 .elementor-element.elementor-element-a714fed:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-a714fed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-20 .elementor-element.elementor-element-eef1a28{--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-20 .elementor-element.elementor-element-340d494 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-d82ec54{font-size:16px;}.elementor-20 .elementor-element.elementor-element-654f01e{--content-width:95%;--gap:8px 8px;--row-gap:8px;--column-gap:8px;--padding-top:16px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-eb90fc6:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-eb90fc6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/Untitled-design-39.png");background-position:center center;background-size:cover;}.elementor-20 .elementor-element.elementor-element-60f8363:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-60f8363 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/05/Untitled-design-38.png");}.elementor-20 .elementor-element.elementor-element-9be4a08:not(.elementor-motion-effects-element-type-background), .elementor-20 .elementor-element.elementor-element-9be4a08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://arcator.gr/wp-content/uploads/2026/04/Untitled-design-28.png");background-position:center left;background-size:cover;}.elementor-20 .elementor-element.elementor-element-03d1d4d{--justify-content:center;--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-20 .elementor-element.elementor-element-9ad7886{text-align:center;}.elementor-20 .elementor-element.elementor-element-9ad7886 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-748076b{text-align:center;font-size:16px;}.elementor-20 .elementor-element.elementor-element-502950f{--width:100%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-b0fe133 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-8a70f8d{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button{padding:16px 16px 16px 16px;}.elementor-20 .elementor-element.elementor-element-a62c4d7 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-44cb6f6 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-e33e8b3{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button{padding:16px 16px 16px 16px;}.elementor-20 .elementor-element.elementor-element-3f6f8b1{--content-width:95%;--padding-top:24px;--padding-bottom:24px;--padding-left:0px;--padding-right:0px;}.elementor-20 .elementor-element.elementor-element-2579f0f{--gap:24px 24px;--row-gap:24px;--column-gap:24px;--overlay-opacity:0.8;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-20 .elementor-element.elementor-element-e494d24 .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-56c5dab .elementor-heading-title{font-size:22px;}.elementor-20 .elementor-element.elementor-element-ddbdf7b{font-size:15px;}.elementor-20 .elementor-element.elementor-element-444b940 .elementor-heading-title{font-size:20px;}.elementor-20 .elementor-element.elementor-element-073e9d2{font-size:15px;}.elementor-20 .elementor-element.elementor-element-ef6700a{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-ef6700a.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button{font-size:14px;}.elementor-20 .elementor-element.elementor-element-9efd911{width:var( --container-widget-width, 80% );max-width:80%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-20 .elementor-element.elementor-element-9efd911.elementor-element{--align-self:center;}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button{font-size:14px;}}@media(min-width:768px){.elementor-20 .elementor-element.elementor-element-cae91aa{--width:100%;}.elementor-20 .elementor-element.elementor-element-cb02a79{--width:100%;}.elementor-20 .elementor-element.elementor-element-68e0213{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-c7f6498{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-56a053d{--width:18%;}.elementor-20 .elementor-element.elementor-element-78ce709{--width:18%;}.elementor-20 .elementor-element.elementor-element-a714fed{--width:18%;}.elementor-20 .elementor-element.elementor-element-eef1a28{--width:46%;}.elementor-20 .elementor-element.elementor-element-654f01e{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-eb90fc6{--width:16%;}.elementor-20 .elementor-element.elementor-element-60f8363{--width:16%;}.elementor-20 .elementor-element.elementor-element-9be4a08{--width:16%;}.elementor-20 .elementor-element.elementor-element-03d1d4d{--width:52%;}.elementor-20 .elementor-element.elementor-element-14fdd94{--width:100%;}.elementor-20 .elementor-element.elementor-element-e503e4b{--width:50%;}.elementor-20 .elementor-element.elementor-element-7be83b4{--width:50%;}.elementor-20 .elementor-element.elementor-element-16d1cb7{--width:30%;}.elementor-20 .elementor-element.elementor-element-eed698f{--width:60%;}.elementor-20 .elementor-element.elementor-element-302c28b{--width:30%;}.elementor-20 .elementor-element.elementor-element-3f6f8b1{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-2579f0f{--width:60%;}.elementor-20 .elementor-element.elementor-element-a18338c{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-20 .elementor-element.elementor-element-c7f6498{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-56a053d{--width:20%;}.elementor-20 .elementor-element.elementor-element-78ce709{--width:20%;}.elementor-20 .elementor-element.elementor-element-a714fed{--width:20%;}.elementor-20 .elementor-element.elementor-element-eef1a28{--width:40%;}.elementor-20 .elementor-element.elementor-element-16d1cb7{--width:100%;}.elementor-20 .elementor-element.elementor-element-eed698f{--width:100%;}.elementor-20 .elementor-element.elementor-element-302c28b{--width:100%;}.elementor-20 .elementor-element.elementor-element-3f6f8b1{--content-width:90%;}.elementor-20 .elementor-element.elementor-element-2579f0f{--width:100%;}.elementor-20 .elementor-element.elementor-element-a18338c{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-4893ef1 */.elementor-20 .elementor-element.elementor-element-4893ef1 {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important;
    z-index: 1;
    border: none;
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
.elementor-20 .elementor-element.elementor-element-4893ef1::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E; 
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}
.elementor-20 .elementor-element.elementor-element-4893ef1::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%;
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}
.elementor-20 .elementor-element.elementor-element-4893ef1:hover::after {
    transform: translateX(100%); 
}
.elementor-20 .elementor-element.elementor-element-4893ef1:hover::before {
    transform: translateX(250%); 
}
.elementor-20 .elementor-element.elementor-element-4893ef1:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-4893ef1:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
.elementor-20 .elementor-element.elementor-element-4893ef1 .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a4e817a *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-6c5b511 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-14db5cb *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-1a4ac75 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-463b74b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-e7feb47 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-dfebe77 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-2b240e9 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-a895ad4 *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-7ddae9c *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-8d2209f *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-81a14dc *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-c592d7b *//* --- GRANDE BUTTON EFFECT BY ARCATOR --- */

.grande-button {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important; /* Το αρχικό χρυσό */
    z-index: 1;
    border: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Ομαλή επιστροφή χρώματος */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.grande-button::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E !important; /* Το πιο σκούρο χρυσό στο hover */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.grande-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; 
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Κίνηση Λάμψης και Χρώματος */
.grande-button:hover::after {
    transform: translateX(100%); 
}

.grande-button:hover::before {
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΑΡΧΙΚΗ ΚΑΤΑΣΤΑΣΗ */
.grande-button:not(:hover)::after,
.grande-button:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* ΔΙΑΣΦΑΛΙΣΗ ΟΡΑΤΟΤΗΤΑΣ ΚΕΙΜΕΝΟΥ & ΕΙΚΟΝΙΔΙΟΥ */
/* Αφαιρέσαμε το 'color: #000' για να κρατάει το χρώμα που ορίζεις στο Elementor */
.grande-button .elementor-button-content-wrapper,
.grande-button .elementor-button-text,
.grande-button i,
.grande-button svg {
    position: relative;
    z-index: 3 !important;
}

/* Διόρθωση για το κείμενο αν εξακολουθεί να φαίνεται μαύρο */
.grande-button .elementor-button-text {
    color: inherit !important; 
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-a08b199 *//* Ρυθμίσεις του Button */
.elementor-20 .elementor-element.elementor-element-a08b199 {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important;
    z-index: 1;
    border: none;
    /* Η επιστροφή του background χρώματος αργά και ομαλά */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.elementor-20 .elementor-element.elementor-element-a08b199::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E; 
    /* 1.5 δευτερόλεπτα για Grande αίσθηση */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.elementor-20 .elementor-element.elementor-element-a08b199::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; /* Πιο γεμάτη λάμψη */
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    /* 1.5 δευτερόλεπτα - Συγχρονισμένο με το χρώμα */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Η λάμψη και το χρώμα διασχίζουν το κουμπί αργά */
.elementor-20 .elementor-element.elementor-element-a08b199:hover::after {
    transform: translateX(100%); 
}

.elementor-20 .elementor-element.elementor-element-a08b199:hover::before {
    /* Η απόσταση είναι πλέον 250% (αντί για 450%) για να μην "τρέχει" */
    /* Έτσι η λάμψη βγαίνει έξω από το κουμπί αλλά με πολύ πιο ήρεμη ταχύτητα */
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ */
.elementor-20 .elementor-element.elementor-element-a08b199:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-a08b199:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Διασφάλιση κειμένου */
.elementor-20 .elementor-element.elementor-element-a08b199 .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ed9358b *//* Ρυθμίσεις του Button */
.elementor-20 .elementor-element.elementor-element-ed9358b {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important;
    z-index: 1;
    border: none;
    /* Η επιστροφή του background χρώματος αργά και ομαλά */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.elementor-20 .elementor-element.elementor-element-ed9358b::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E; 
    /* 1.5 δευτερόλεπτα για Grande αίσθηση */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.elementor-20 .elementor-element.elementor-element-ed9358b::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; /* Πιο γεμάτη λάμψη */
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    /* 1.5 δευτερόλεπτα - Συγχρονισμένο με το χρώμα */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Η λάμψη και το χρώμα διασχίζουν το κουμπί αργά */
.elementor-20 .elementor-element.elementor-element-ed9358b:hover::after {
    transform: translateX(100%); 
}

.elementor-20 .elementor-element.elementor-element-ed9358b:hover::before {
    /* Η απόσταση είναι πλέον 250% (αντί για 450%) για να μην "τρέχει" */
    /* Έτσι η λάμψη βγαίνει έξω από το κουμπί αλλά με πολύ πιο ήρεμη ταχύτητα */
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ */
.elementor-20 .elementor-element.elementor-element-ed9358b:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-ed9358b:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Διασφάλιση κειμένου */
.elementor-20 .elementor-element.elementor-element-ed9358b .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-14fdd94 *//* --- ARCATOR ULTIMATE INTERACTIVE SPLIT SECTION (FINAL) --- */

.elementor-20 .elementor-element.elementor-element-14fdd94 {
    /* =========================================
       ΣΥΓΚΕΝΤΡΩΤΙΚΕΣ ΡΥΘΜΙΣΕΙΣ (VARIABLES)
       ========================================= */
    
    /* 0. Αποστάσεις Section (Padding) */
    --section-padding: 100px 0px 100px 0px; 

    /* 1. Ταχύτητες (Speeds) */
    --container-speed: 1.0s;        /* Ταχύτητα διαστολής (δοκίμασε 1.0s για luxury smoothness) */
    --content-reveal-speed: 0.6s;   /* Ταχύτητα εμφάνισης κειμένου/κουμπιού */
    
    /* 2. Μεγέθη Διαστολής (Flex Ratios) */
    --expansion-size: 1.2;          
    --shrink-size: 0.8;             
    
    /* 3. Σταθεροποίηση Κειμένου (Για να μην τρέμουν τα γράμματα) */
    --text-fixed-width: 550px;      
    --text-max-width-percent: 90%;  
    
    /* 4. Θέσεις Reveal (Y-Axis) */
    --initial-title-y: 50px;        
    --initial-content-y: 70px;      
    
    /* 5. Φωτεινότητα & Overlays */
    --inactive-brightness: 0.4;     
    --normal-overlay: 0.35;         
    --hover-overlay: 0.85;          

    /* Τεχνική Διάταξη */
    --display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    padding: var(--section-padding) !important;
}

/* --- ΡΥΘΜΙΣΕΙΣ ΠΛΕΥΡΩΝ (Side Containers) --- */
.arc-side {
    flex: 1 !important;
    width: 50% !important;
    min-height: 700px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    position: relative !important;
    overflow: hidden !important;
    padding: 40px !important;
    
    /* Hardware acceleration & Smoothness */
    transform: translateZ(0);
    backface-visibility: hidden;
    transition: flex var(--container-speed) cubic-bezier(0.25, 1, 0.33, 1), 
                filter var(--container-speed) ease !important;
}

/* --- ΣΤΑΘΕΡΟΠΟΙΗΣΗ ΠΕΡΙΕΧΟΜΕΝΟΥ (Anti-Jitter) --- */
.arc-side .elementor-widget-heading,
.arc-side .elementor-widget-text-editor {
    width: var(--text-fixed-width) !important;
    max-width: var(--text-max-width-percent) !important;
    text-align: center;
    margin-left: auto !important;
    margin-right: auto !important;
    will-change: transform, opacity;
}

/* --- ΔΙΟΡΘΩΜΕΝΗ ΚΙΝΗΣΗ & ΣΚΟΤΕΙΝΙΑΣΜΑ (Μόνο στο Hover των πλευρών) --- */

/* Όταν κάνουμε Hover στη μία, μεγάλωσε την */
.arc-side:hover {
    flex: var(--expansion-size) !important;
    z-index: 5;
}

/* Σκοτείνιασμα της άλλης πλευράς ΜΟΝΟ αν είμαστε πάνω σε μια πλευρά */
/* (Χρήση sibling .elementor-20 .elementor-element.elementor-element-14fdd94 ~ και :has για να μην επηρεάζεται το padding) */
.arc-side:hover ~ .arc-side {
    flex: var(--shrink-size) !important;
    filter: brightness(var(--inactive-brightness)) !important;
}

.elementor-20 .elementor-element.elementor-element-14fdd94:has(.arc-side:last-child:hover) .arc-side:first-child {
    flex: var(--shrink-size) !important;
    filter: brightness(var(--inactive-brightness)) !important;
}

/* --- REVEAL LOGIC --- */
.arc-side .elementor-widget-heading {
    transform: translateY(var(--initial-title-y));
    transition: all var(--content-reveal-speed) cubic-bezier(0.25, 1, 0.33, 1) !important;
    z-index: 10;
}

.arc-side .elementor-widget-text-editor,
.arc-side .elementor-widget-button {
    opacity: 0 !important;
    transform: translateY(var(--initial-content-y));
    transition: all var(--content-reveal-speed) cubic-bezier(0.25, 1, 0.33, 1) !important;
    pointer-events: none !important;
    z-index: 10;
}

/* Εμφάνιση στο Hover */
.arc-side:hover .elementor-widget-heading,
.arc-side:hover .elementor-widget-text-editor,
.arc-side:hover .elementor-widget-button {
    opacity: 1 !important;
    transform: translateY(0) !important;
    pointer-events: auto !important;
}

/* --- BACKGROUND OVERLAY (IMG DARKNESS) --- */
.arc-side::before {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0,0,0, var(--normal-overlay));
    transition: background var(--container-speed) ease;
    z-index: 1;
}

.arc-side:hover::before {
    background: rgba(0,0,0, var(--hover-overlay));
}

/* --- ΡΥΘΜΙΣΕΙΣ ΓΙΑ ΚΙΝΗΤΑ (MOBILE) --- */
@media (max-width: 767px) {
    .elementor-20 .elementor-element.elementor-element-14fdd94 { 
        flex-direction: column !important; 
        padding: 40px 10px !important;
    }
    .arc-side { 
        width: 100% !important; 
        flex: none !important; 
        min-height: 450px !important; 
    }
    .arc-side .elementor-widget-heading,
    .arc-side .elementor-widget-text-editor,
    .arc-side .elementor-widget-button {
        opacity: 1 !important;
        transform: translateY(0) !important;
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8a70f8d *//* Ρυθμίσεις του Button */
.elementor-20 .elementor-element.elementor-element-8a70f8d {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important;
    z-index: 1;
    border: none;
    /* Η επιστροφή του background χρώματος αργά και ομαλά */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.elementor-20 .elementor-element.elementor-element-8a70f8d::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E; 
    /* 1.5 δευτερόλεπτα για Grande αίσθηση */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.elementor-20 .elementor-element.elementor-element-8a70f8d::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; /* Πιο γεμάτη λάμψη */
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    /* 1.5 δευτερόλεπτα - Συγχρονισμένο με το χρώμα */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Η λάμψη και το χρώμα διασχίζουν το κουμπί αργά */
.elementor-20 .elementor-element.elementor-element-8a70f8d:hover::after {
    transform: translateX(100%); 
}

.elementor-20 .elementor-element.elementor-element-8a70f8d:hover::before {
    /* Η απόσταση είναι πλέον 250% (αντί για 450%) για να μην "τρέχει" */
    /* Έτσι η λάμψη βγαίνει έξω από το κουμπί αλλά με πολύ πιο ήρεμη ταχύτητα */
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ */
.elementor-20 .elementor-element.elementor-element-8a70f8d:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-8a70f8d:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Διασφάλιση κειμένου */
.elementor-20 .elementor-element.elementor-element-8a70f8d .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-e33e8b3 *//* Ρυθμίσεις του Button */
.elementor-20 .elementor-element.elementor-element-e33e8b3 {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important;
    z-index: 1;
    border: none;
    /* Η επιστροφή του background χρώματος αργά και ομαλά */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.elementor-20 .elementor-element.elementor-element-e33e8b3::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E; 
    /* 1.5 δευτερόλεπτα για Grande αίσθηση */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.elementor-20 .elementor-element.elementor-element-e33e8b3::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; /* Πιο γεμάτη λάμψη */
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    /* 1.5 δευτερόλεπτα - Συγχρονισμένο με το χρώμα */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Η λάμψη και το χρώμα διασχίζουν το κουμπί αργά */
.elementor-20 .elementor-element.elementor-element-e33e8b3:hover::after {
    transform: translateX(100%); 
}

.elementor-20 .elementor-element.elementor-element-e33e8b3:hover::before {
    /* Η απόσταση είναι πλέον 250% (αντί για 450%) για να μην "τρέχει" */
    /* Έτσι η λάμψη βγαίνει έξω από το κουμπί αλλά με πολύ πιο ήρεμη ταχύτητα */
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ */
.elementor-20 .elementor-element.elementor-element-e33e8b3:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-e33e8b3:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Διασφάλιση κειμένου */
.elementor-20 .elementor-element.elementor-element-e33e8b3 .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-ef6700a *//* Ρυθμίσεις του Button */
.elementor-20 .elementor-element.elementor-element-ef6700a {
    position: relative;
    overflow: hidden !important;
    background-color: #D9C282 !important;
    z-index: 1;
    border: none;
    /* Η επιστροφή του background χρώματος αργά και ομαλά */
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.elementor-20 .elementor-element.elementor-element-ef6700a::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #A8893E; 
    /* 1.5 δευτερόλεπτα για Grande αίσθηση */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}

/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.elementor-20 .elementor-element.elementor-element-ef6700a::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%; /* Πιο γεμάτη λάμψη */
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    /* 1.5 δευτερόλεπτα - Συγχρονισμένο με το χρώμα */
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}

/* HOVER: Η λάμψη και το χρώμα διασχίζουν το κουμπί αργά */
.elementor-20 .elementor-element.elementor-element-ef6700a:hover::after {
    transform: translateX(100%); 
}

.elementor-20 .elementor-element.elementor-element-ef6700a:hover::before {
    /* Η απόσταση είναι πλέον 250% (αντί για 450%) για να μην "τρέχει" */
    /* Έτσι η λάμψη βγαίνει έξω από το κουμπί αλλά με πολύ πιο ήρεμη ταχύτητα */
    transform: translateX(250%); 
}

/* ΕΠΙΣΤΡΟΦΗ */
.elementor-20 .elementor-element.elementor-element-ef6700a:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-ef6700a:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

/* Διασφάλιση κειμένου */
.elementor-20 .elementor-element.elementor-element-ef6700a .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-9efd911 *//* Ρυθμίσεις του Button */
.elementor-20 .elementor-element.elementor-element-9efd911 {
    position: relative;
    overflow: hidden !important;
    background-color: #111111 !important;
    z-index: 1;
    border: none;
    transition: background-color 1.5s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
/* ΤΟ ΧΡΩΜΑ ΠΟΥ ΓΕΜΙΖΕΙ (::after) */
.elementor-20 .elementor-element.elementor-element-9efd911::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 100%;
    height: 100%;
    background-color: #2a2a2a; 
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: -1; 
}
/* Η ΛΑΜΨΗ ΠΟΥ ΠΡΟΗΓΕΙΤΑΙ (::before) */
.elementor-20 .elementor-element.elementor-element-9efd911::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; 
    width: 80%;
    height: 100%;
    background: linear-gradient(
        to right, 
        transparent 0%, 
        rgba(255, 255, 255, 0) 10%,
        rgba(255, 255, 255, 0.35) 50%, 
        rgba(255, 255, 255, 0) 90%,
        transparent 100%
    );
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
    z-index: 2; 
    pointer-events: none;
}
/* HOVER */
.elementor-20 .elementor-element.elementor-element-9efd911:hover::after {
    transform: translateX(100%); 
}
.elementor-20 .elementor-element.elementor-element-9efd911:hover::before {
    transform: translateX(250%); 
}
/* ΕΠΙΣΤΡΟΦΗ */
.elementor-20 .elementor-element.elementor-element-9efd911:not(:hover)::after,
.elementor-20 .elementor-element.elementor-element-9efd911:not(:hover)::before {
    transform: translateX(0%);
    transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}
/* Διασφάλιση κειμένου */
.elementor-20 .elementor-element.elementor-element-9efd911 .elementor-button-content-wrapper {
    position: relative;
    z-index: 3;
}/* End custom CSS */