.elementor-645 .elementor-element.elementor-element-61d76e7{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-61d76e7:not(.elementor-motion-effects-element-type-background), .elementor-645 .elementor-element.elementor-element-61d76e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://hoteltreeoflife.quicksite.asia/wp-content/uploads/2026/09/DJI_20260311183548_0542_D-1-scaled.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-645 .elementor-element.elementor-element-4b4bb5b{--display:flex;--min-height:35vh;--justify-content:flex-end;--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-4b4bb5b:not(.elementor-motion-effects-element-type-background), .elementor-645 .elementor-element.elementor-element-4b4bb5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #F2295B00 100%);}.elementor-645 .elementor-element.elementor-element-12dea0f{--display:flex;--min-height:70vh;--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:space-evenly;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--overlay-opacity:1;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-12dea0f::before, .elementor-645 .elementor-element.elementor-element-12dea0f > .elementor-background-video-container::before, .elementor-645 .elementor-element.elementor-element-12dea0f > .e-con-inner > .elementor-background-video-container::before, .elementor-645 .elementor-element.elementor-element-12dea0f > .elementor-background-slideshow::before, .elementor-645 .elementor-element.elementor-element-12dea0f > .e-con-inner > .elementor-background-slideshow::before, .elementor-645 .elementor-element.elementor-element-12dea0f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-645 .elementor-element.elementor-element-abc280f{--display:flex;--min-height:55vh;--justify-content:center;}.elementor-645 .elementor-element.elementor-element-3952d91{--display:flex;--min-height:40vh;--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;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-645 .elementor-element.elementor-element-5bfddfe{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--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-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-645 .elementor-element.elementor-element-e7da39f{padding:0% 0% 0% 0%;text-align:start;}.elementor-645 .elementor-element.elementor-element-e7da39f .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:1.6vw;font-weight:500;font-style:normal;color:#FFFFFF;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-645 .elementor-element.elementor-element-0dc40d2{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-item > a{font-family:"Marcellus", Sans-serif;font-size:1vw;font-weight:300;}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-598b967{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF75;--border-color:#FFFFFF75;--padding-top:0%;--padding-bottom:0%;--padding-left:5%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-d8185cc{padding:0% 0% 0% 0%;text-align:start;}.elementor-645 .elementor-element.elementor-element-d8185cc .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:1.6vw;font-weight:500;font-style:normal;color:#FFFFFF;}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-645 .elementor-element.elementor-element-1129e97{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-item > a{font-family:"Marcellus", Sans-serif;font-size:1vw;font-weight:300;}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-72b49b7{--display:flex;--gap:30px 30px;--row-gap:30px;--column-gap:30px;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF75;--border-color:#FFFFFF75;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-b558809{padding:0% 0% 0% 0%;text-align:start;}.elementor-645 .elementor-element.elementor-element-b558809 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:1.6vw;font-weight:500;font-style:normal;color:#FFFFFF;}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(10px/2);}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-10px/2);}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-10px/2);}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-645 .elementor-element.elementor-element-94b017b{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-item > a{font-family:"Marcellus", Sans-serif;font-size:1vw;font-weight:300;}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-645 .elementor-element.elementor-element-d152e33{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-645 .elementor-element.elementor-element-ba2c60d img{width:20%;}.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-645 .elementor-element.elementor-element-da0f11c .elementor-button{background-color:#FFFFFF;font-family:"Marcellus", Sans-serif;font-size:0.8rem;font-weight:400;text-transform:uppercase;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#DADADA;}.elementor-645 .elementor-element.elementor-element-da0f11c.elementor-element{--align-self:flex-start;}body:not(.rtl) .elementor-645 .elementor-element.elementor-element-da0f11c{right:1.5rem;}body.rtl .elementor-645 .elementor-element.elementor-element-da0f11c{left:1.5rem;}.elementor-645 .elementor-element.elementor-element-da0f11c{bottom:1.5rem;z-index:500;}.elementor-645 .elementor-element.elementor-element-da0f11c .elementor-button:hover, .elementor-645 .elementor-element.elementor-element-da0f11c .elementor-button:focus{color:#000000;border-color:#DADADA;}.elementor-645 .elementor-element.elementor-element-da0f11c .elementor-button:hover svg, .elementor-645 .elementor-element.elementor-element-da0f11c .elementor-button:focus svg{fill:#000000;}.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-645 .elementor-element.elementor-element-80cd356{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Marcellus", Sans-serif;font-size:0.8vw;font-weight:400;text-transform:uppercase;line-height:1.1em;letter-spacing:0.1em;color:#FFFFFF;}.elementor-645 .elementor-element.elementor-element-80cd356.elementor-element{--align-self:center;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-645 .elementor-element.elementor-element-4b4bb5b{--min-height:10vh;}.elementor-645 .elementor-element.elementor-element-e7da39f .elementor-heading-title{font-size:2.2vw;}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-item > a{font-size:1.4vw;}.elementor-645 .elementor-element.elementor-element-598b967{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-645 .elementor-element.elementor-element-d8185cc .elementor-heading-title{font-size:2.2vw;}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-item > a{font-size:1.4vw;}.elementor-645 .elementor-element.elementor-element-72b49b7{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-645 .elementor-element.elementor-element-b558809 .elementor-heading-title{font-size:2.2vw;}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-item > a{font-size:1.4vw;}.elementor-645 .elementor-element.elementor-element-ba2c60d img{width:25%;}.elementor-645 .elementor-element.elementor-element-da0f11c .elementor-button{font-size:1vw;}.elementor-645 .elementor-element.elementor-element-80cd356{font-size:1.2vw;}}@media(max-width:767px){.elementor-645 .elementor-element.elementor-element-61d76e7{--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-4b4bb5b{--min-height:10vh;}.elementor-645 .elementor-element.elementor-element-abc280f{--content-width:80vw;}.elementor-645 .elementor-element.elementor-element-3952d91{--padding-top:10%;--padding-bottom:10%;--padding-left:10%;--padding-right:10%;}.elementor-645 .elementor-element.elementor-element-5bfddfe{--padding-top:0%;--padding-bottom:5%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-e7da39f .elementor-heading-title{font-size:5.2vw;}.elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-0dc40d2 .elementor-icon-list-item > a{font-size:3.6vw;}.elementor-645 .elementor-element.elementor-element-598b967{border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:15%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-d8185cc .elementor-heading-title{font-size:5.2vw;}.elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-1129e97 .elementor-icon-list-item > a{font-size:3.6vw;}.elementor-645 .elementor-element.elementor-element-72b49b7{border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--padding-top:10%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-645 .elementor-element.elementor-element-b558809 .elementor-heading-title{font-size:5.2vw;}.elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-item > .elementor-icon-list-text, .elementor-645 .elementor-element.elementor-element-94b017b .elementor-icon-list-item > a{font-size:3.6vw;}.elementor-645 .elementor-element.elementor-element-ba2c60d img{width:40%;}.elementor-645 .elementor-element.elementor-element-da0f11c .elementor-button{font-size:0.6rem;}.elementor-645 .elementor-element.elementor-element-80cd356{font-size:2.2vw;}}@media(min-width:768px){.elementor-645 .elementor-element.elementor-element-abc280f{--content-width:80%;}}@media(max-width:1024px) and (min-width:768px){.elementor-645 .elementor-element.elementor-element-abc280f{--content-width:85vw;}}/* Start custom CSS for container, class: .elementor-element-3952d91 *//* GLASS CONTAINER */
.glass-border {
    position: relative;
    background: rgba(255, 255, 255, 0.05); /* glass base */
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(8px);
}

/* GRADIENT BORDER */
.glass-border::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 1px; /* border thickness */

    background: linear-gradient(
        135deg,
        rgba(255,255,255,0.9),
        rgba(255,255,255,0)
    );

    border-radius: inherit;

    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-da0f11c *//* -----------------------------------------------------------
   NATURE HOTEL - ORGANIC FOREST FILL BUTTON
   Add class: nature-wave-btn
   ----------------------------------------------------------- */


/* -----------------------------------------------------------
   1. BUTTON CONTAINER
   ----------------------------------------------------------- */

.nature-wave-btn {
    z-index: 9999;

    width: 130px;
    height: 130px;

    display: flex;
    align-items: center;
    justify-content: center;
}


/* -----------------------------------------------------------
   2. MAIN CIRCULAR BUTTON
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button {
    position: relative;

    width: 100%;
    height: 100%;

    border-radius: 50% !important;

    overflow: hidden;

    background: #f5f1e8;

    border: 1px solid rgba(30, 57, 43, 0.55);

    box-shadow:
        0 12px 35px rgba(30, 57, 43, 0.18);

    padding: 0 !important;

    transition:
        transform 0.5s cubic-bezier(.2,.8,.2,1),
        box-shadow 0.5s ease;
}


/* -----------------------------------------------------------
   3. BUTTON CONTENT
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button-content-wrapper {
    position: relative;

    z-index: 20 !important;

    width: 100%;
    height: 100%;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-direction: column;
}


/* -----------------------------------------------------------
   4. ICON
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button-content-wrapper::before {
    content: "";

    position: absolute;

    top: 21px;
    left: 50%;

    transform: translateX(-50%);

    width: 30px;
    height: 30px;

    background-image:
        url("https://hoteltreeoflife.quicksite.asia/wp-content/uploads/2026/10/TOL-Logo-1.png");

    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;

    z-index: 30;

    transition:
        transform 0.45s ease,
        filter 0.45s ease,
        opacity 0.45s ease;
}


/* -----------------------------------------------------------
   5. BUTTON TEXT
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button-text {
    position: relative;

    z-index: 21 !important;

    top: 10px;

    color: #1e392b !important;

    font-family: "Marcellus", serif;

    font-size: 14px;
    font-weight: 500;

    line-height: 1.2;

    letter-spacing: 0.08em;

    text-transform: uppercase;

    transition:
        color 0.4s ease,
        text-shadow 0.4s ease,
        transform 0.4s ease;
}


/* -----------------------------------------------------------
   6. ORGANIC FOREST LAYER 01
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button::before {
    content: "";

    position: absolute;

    width: 210%;
    height: 210%;

    left: -55%;

    /*
       Keep the green wave lower
       so the text/icon remain clear
    */
    top: 68%;

    background:
        radial-gradient(
            circle at 30% 30%,
            #4c6b50 0%,
            #2d513c 40%,
            #1e392b 75%
        );

    border-radius:
        42% 58% 52% 48% /
        56% 42% 58% 44%;

    z-index: 1 !important;

    animation:
        natureRotate 8s linear infinite;

    transition:
        top 0.9s cubic-bezier(.22,.61,.36,1);
}


/* -----------------------------------------------------------
   7. ORGANIC FOREST LAYER 02
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button::after {
    content: "";

    position: absolute;

    width: 190%;
    height: 190%;

    left: -45%;

    top: 78%;

    background:
        rgba(84, 111, 78, 0.42);

    border-radius:
        58% 42% 46% 54% /
        45% 62% 38% 55%;

    z-index: 2 !important;

    animation:
        natureRotateReverse 11s linear infinite;

    transition:
        top 1.05s cubic-bezier(.22,.61,.36,1);
}


/* -----------------------------------------------------------
   8. HOVER - GREEN FILL
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button:hover::before {
    top: -55%;
}

.nature-wave-btn .elementor-button:hover::after {
    top: -40%;
}


/* -----------------------------------------------------------
   9. HOVER - TEXT
   ----------------------------------------------------------- */

.nature-wave-btn
.elementor-button:hover
.elementor-button-text {

    color: #ffffff !important;

    text-shadow:
        0 1px 4px rgba(0, 0, 0, 0.22);
}


/* -----------------------------------------------------------
   10. HOVER - ICON
   ----------------------------------------------------------- */

.nature-wave-btn
.elementor-button:hover
.elementor-button-content-wrapper::before {

    transform:
        translateX(-50%)
        translateY(-2px)
        scale(1.08);

    /*
       Useful if your uploaded icon is black.
       Converts it approximately to white.
    */
    filter:
        brightness(0)
        invert(1);
}


/* -----------------------------------------------------------
   11. HOVER - BUTTON
   ----------------------------------------------------------- */

.nature-wave-btn .elementor-button:hover {
    transform:
        scale(1.055);

    box-shadow:
        0 18px 45px rgba(30, 57, 43, 0.32);
}


/* -----------------------------------------------------------
   12. ANIMATION
   ----------------------------------------------------------- */

@keyframes natureRotate {

    0% {
        transform:
            rotate(0deg);
    }

    100% {
        transform:
            rotate(360deg);
    }
}


@keyframes natureRotateReverse {

    0% {
        transform:
            rotate(360deg);
    }

    100% {
        transform:
            rotate(0deg);
    }
}


/* -----------------------------------------------------------
   13. MOBILE
   ----------------------------------------------------------- */

@media (max-width: 767px) {

    .nature-wave-btn {
        width: 100px !important;
        height: 100px !important;
    }


    .nature-wave-btn
    .elementor-button-text {

        font-size: 10px;

        letter-spacing: 0.06em;

        top: 8px;
    }


    .nature-wave-btn
    .elementor-button-content-wrapper::before {

        width: 22px;
        height: 22px;

        top: 17px;
    }


    .nature-wave-btn
    .elementor-button::before {

        top: 61%;
    }


    .nature-wave-btn
    .elementor-button::after {

        top: 80%;
    }


    /* Keep full hover fill on mobile */

    .nature-wave-btn
    .elementor-button:hover::before {

        top: -55%;
    }


    .nature-wave-btn
    .elementor-button:hover::after {

        top: -40%;
    }
}


/* -----------------------------------------------------------
   14. REDUCED MOTION ACCESSIBILITY
   ----------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {

    .nature-wave-btn
    .elementor-button::before,

    .nature-wave-btn
    .elementor-button::after {

        animation: none;
    }
}/* End custom CSS */