.elementor-22 .elementor-element.elementor-element-ca8d205{--display:flex;--min-height:100vh;--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;--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-22 .elementor-element.elementor-element-ca8d205::before, .elementor-22 .elementor-element.elementor-element-ca8d205 > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-ca8d205 > .e-con-inner > .elementor-background-video-container::before, .elementor-22 .elementor-element.elementor-element-ca8d205 > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-ca8d205 > .e-con-inner > .elementor-background-slideshow::before, .elementor-22 .elementor-element.elementor-element-ca8d205 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.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-22 .elementor-element.elementor-element-775cf88 .elementor-heading-title{font-family:"Ogg Light", Sans-serif;font-size:70px;font-weight:100;color:#FFFFFF;}.elementor-22 .elementor-element.elementor-element-bb8cd54{--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;--justify-content:center;}.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-22 .elementor-element.elementor-element-4392248 .elementor-button{background-color:#61CE7000;font-family:"Ogg Thin", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;letter-spacing:4px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#FFFFFF;padding:20px 70px 20px 70px;}.elementor-22 .elementor-element.elementor-element-4392248 .elementor-button:hover, .elementor-22 .elementor-element.elementor-element-4392248 .elementor-button:focus{color:#D0CABD;}.elementor-22 .elementor-element.elementor-element-4392248 .elementor-button:hover svg, .elementor-22 .elementor-element.elementor-element-4392248 .elementor-button:focus svg{fill:#D0CABD;}.elementor-22 .elementor-element.elementor-element-1bcf44f{--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;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-df3e4cc{--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-60ee4da{--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;--margin-top:100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-22 .elementor-element.elementor-element-5515471{--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;}.elementor-22 .elementor-element.elementor-element-05ca753{--display:flex;--min-height:0px;--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;}@media(max-width:767px){.elementor-22 .elementor-element.elementor-element-ca8d205{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-22 .elementor-element.elementor-element-775cf88{text-align:center;}.elementor-22 .elementor-element.elementor-element-775cf88 .elementor-heading-title{font-size:35px;}.elementor-22 .elementor-element.elementor-element-4392248 .elementor-button{padding:15px 50px 15px 50px;}}/* Start custom CSS for button, class: .elementor-element-4392248 *//*Fill box*/
.my-btn .elementor-button::before{
    content:'';
    position: absolute;
    background: white; /*<-- Change fill color here*/
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right; /*<-- Change fill out direction*/
    transition: transform .5s ease; /*<-- Change fill speed */
}

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

}

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

/*Hover Icon*/
.my-btn:hover .elementor-button-icon{
    color: white; /*<-- Change Icon color here*/
    z-index: 1;
    transition: color .5s ease
}

/*Icone size */
.my-btn .elementor-button-icon{
    transform: scale(1.3); /*<-- Change icon size*/
    padding-left: 5px;
}
.my-btn .elementor-button.clicked .elementor-button-text {
    color:  #0E1B18;
}

/* === After Click + Hover: make text white again === */
.my-btn .elementor-button.clicked:hover .elementor-button-text {
    color: white;
}
.my-btn .elementor-button:focus {
    outline: none;
    box-shadow: none;
    border: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ogg Light';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://onorasuites.gr/wp-content/uploads/2025/05/Ogg-Light.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ogg Thin';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://onorasuites.gr/wp-content/uploads/2025/05/Ogg-Thin.ttf') format('truetype');
}
/* End Custom Fonts CSS */