.elementor-19423 .elementor-element.elementor-element-3825c98{--display:flex;--min-height:467px;--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.5;}.elementor-19423 .elementor-element.elementor-element-3825c98:not(.elementor-motion-effects-element-type-background), .elementor-19423 .elementor-element.elementor-element-3825c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thanakoon.com/wp-content/uploads/2026/04/dwadaw.png");background-position:center center;}.elementor-19423 .elementor-element.elementor-element-3825c98::before, .elementor-19423 .elementor-element.elementor-element-3825c98 > .elementor-background-video-container::before, .elementor-19423 .elementor-element.elementor-element-3825c98 > .e-con-inner > .elementor-background-video-container::before, .elementor-19423 .elementor-element.elementor-element-3825c98 > .elementor-background-slideshow::before, .elementor-19423 .elementor-element.elementor-element-3825c98 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19423 .elementor-element.elementor-element-3825c98 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #000000 0%, #000000 100%);}.elementor-19423 .elementor-element.elementor-element-1e6710f{--display:flex;--position:absolute;top:135px;}body:not(.rtl) .elementor-19423 .elementor-element.elementor-element-1e6710f{left:0px;}body.rtl .elementor-19423 .elementor-element.elementor-element-1e6710f{right:0px;}.elementor-19423 .elementor-element.elementor-element-e7be1e8{text-align:center;}.elementor-19423 .elementor-element.elementor-element-e7be1e8 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:90px;font-weight:500;color:#FFFFFF;}.elementor-19423 .elementor-element.elementor-element-728fa54{text-align:center;font-family:"Prompt", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-19423 .elementor-element.elementor-element-8d3204e{--display:flex;}.elementor-19423 .elementor-element.elementor-element-2de817b{--spacer-size:50px;}.elementor-19423 .elementor-element.elementor-element-c414ac1{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19423 .elementor-element.elementor-element-5621ea3{--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-19423 .elementor-element.elementor-element-1691652{--spacer-size:29px;}.elementor-19423 .elementor-element.elementor-element-506740b .elementor-heading-title{font-size:35px;}.elementor-19423 .elementor-element.elementor-element-14f3595{width:var( --container-widget-width, 100.159% );max-width:100.159%;--container-widget-width:100.159%;--container-widget-flex-grow:0;font-family:"Prompt", Sans-serif;font-size:18px;}.elementor-19423 .elementor-element.elementor-element-14f3595.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19423 .elementor-element.elementor-element-ee65c60{--spacer-size:29px;}.elementor-19423 .elementor-element.elementor-element-74fc932 .elementor-heading-title{font-size:35px;}.elementor-19423 .elementor-element.elementor-element-cdfee19{width:var( --container-widget-width, 100.159% );max-width:100.159%;--container-widget-width:100.159%;--container-widget-flex-grow:0;font-family:"Prompt", Sans-serif;font-size:18px;}.elementor-19423 .elementor-element.elementor-element-cdfee19.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-19423 .elementor-element.elementor-element-a59d66e{--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-19423 .elementor-element.elementor-element-4015e47{--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:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-19423 .elementor-element.elementor-element-41e18c4{--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-19423 .elementor-element.elementor-element-ec1d473{--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-19423 .elementor-element.elementor-element-c3c4146{--spacer-size:50px;}.elementor-19423 .elementor-element.elementor-element-7398342 .elementor-heading-title{font-size:20px;}.elementor-19423 .elementor-element.elementor-element-d1c2cee{font-family:"Prompt", Sans-serif;font-size:18px;}.elementor-19423 .elementor-element.elementor-element-03b07ce{--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-19423 .elementor-element.elementor-element-1eb6932{--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-19423 .elementor-element.elementor-element-721a425{--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-19423 .elementor-element.elementor-element-c2f3ad7{--spacer-size:50px;}.elementor-19423 .elementor-element.elementor-element-4e7d51f > .elementor-widget-container{margin:10px 10px 10px 10px;}.elementor-19423 .elementor-element.elementor-element-4e7d51f .elementor-heading-title{font-family:"Mitr", Sans-serif;font-weight:400;color:var( --e-global-color-558e1b9 );}.elementor-19423 .elementor-element.elementor-element-0c1478e{--spacer-size:50px;}.elementor-19423 .elementor-element.elementor-element-119c511{--display:flex;--min-height:420px;--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.45;}.elementor-19423 .elementor-element.elementor-element-119c511:not(.elementor-motion-effects-element-type-background), .elementor-19423 .elementor-element.elementor-element-119c511 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://thanakoon.com/wp-content/uploads/2026/03/Firefly_Modern-minimalist-meeting-room-with-full-height-clear-glass-walls-transparent-glass-421216-2048x1593.png");background-position:center center;}.elementor-19423 .elementor-element.elementor-element-119c511::before, .elementor-19423 .elementor-element.elementor-element-119c511 > .elementor-background-video-container::before, .elementor-19423 .elementor-element.elementor-element-119c511 > .e-con-inner > .elementor-background-video-container::before, .elementor-19423 .elementor-element.elementor-element-119c511 > .elementor-background-slideshow::before, .elementor-19423 .elementor-element.elementor-element-119c511 > .e-con-inner > .elementor-background-slideshow::before, .elementor-19423 .elementor-element.elementor-element-119c511 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF 0%, #000000 63%);}.elementor-19423 .elementor-element.elementor-element-4b7dcee{--display:flex;--position:absolute;--min-height:0px;--justify-content:center;top:149px;}body:not(.rtl) .elementor-19423 .elementor-element.elementor-element-4b7dcee{left:0px;}body.rtl .elementor-19423 .elementor-element.elementor-element-4b7dcee{right:0px;}.elementor-19423 .elementor-element.elementor-element-dbde0b1{width:100%;max-width:100%;text-align:center;}.elementor-19423 .elementor-element.elementor-element-dbde0b1 .elementor-heading-title{font-family:"Prompt", Sans-serif;font-size:41px;font-weight:500;color:#FFFFFF;}.elementor-19423 .elementor-element.elementor-element-28569aa{--spacer-size:12px;}.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button{background-color:#20A750;font-family:"Prompt", Sans-serif;font-size:25px;font-weight:500;fill:#FFFFFF;color:#FFFFFF;}.elementor-19423 .elementor-element.elementor-element-5267141.elementor-element{--align-self:center;}.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-19423 .elementor-element.elementor-element-4e7d51f{text-align:center;}.elementor-19423 .elementor-element.elementor-element-ea39e91.elementor-element{--align-self:center;}}@media(min-width:768px){.elementor-19423 .elementor-element.elementor-element-5621ea3{--width:50%;}.elementor-19423 .elementor-element.elementor-element-a59d66e{--width:50%;}.elementor-19423 .elementor-element.elementor-element-41e18c4{--width:50%;}.elementor-19423 .elementor-element.elementor-element-ec1d473{--width:50%;}.elementor-19423 .elementor-element.elementor-element-119c511{--width:1300%;}.elementor-19423 .elementor-element.elementor-element-4b7dcee{--width:100%;}}/* Start custom CSS for button, class: .elementor-element-5267141 *//* 1. ตั้งค่าปุ่มหลัก */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    z-index: 1 !important;
}

/* 2. ฉากหลังสีส้ม */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button::before {
    content: '' !important;
    position: absolute !important;
    top: 100% !important; 
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ff6600 !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    z-index: -1 !important;
}

/* 3. จัดการไอคอน (ทำให้มันหลุดจากแถวตัวหนังสือ) */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button .elementor-button-icon {
    position: absolute !important;
    left: 50% !important;
    top: 150% !important; /* ซ่อนไว้ข้างล่าง */
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
    opacity: 0 !important;
    color: #ffffff !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* 4. จัดการตัวหนังสือ */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button .elementor-button-text {
    display: inline-block !important;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}

/* --- จังหวะ HOVER --- */

/* ฉากส้มขึ้น */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button:hover::before {
    top: 0 !important;
}

/* ตัวหนังสือดีดขึ้นไปข้างบนจนหายไป */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button:hover .elementor-button-text {
    transform: translateY(-200%) !important;
    opacity: 0 !important;
}

/* ไอคอนเด้งขึ้นมากลางปุ่มเป๊ะๆ */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button:hover .elementor-button-icon {
    top: 50% !important;
    opacity: 1 !important;
}

/* ล้างค่าไอคอนเดิมไม่ให้เบียดตัวหนังสือตอนปกติ */
.elementor-19423 .elementor-element.elementor-element-5267141 .elementor-button-content-wrapper {
    display: block !important; /* เปลี่ยนจาก flex เป็น block เพื่อให้ไอคอน absolute ได้อิสระ */
    text-align: center !important;
}/* End custom CSS */