.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-36 .elementor-element.elementor-element-ffd8315{font-family:"Kanit", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-36 .elementor-element.elementor-element-73b10d9{font-family:"Kanit", Sans-serif;font-weight:400;color:#F5DF7B;}.elementor-widget-posts .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-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{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-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .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-36 .elementor-element.elementor-element-ebc31e1{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.55 * 100% );}.elementor-36 .elementor-element.elementor-element-ebc31e1:after{content:"0.55";}.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-post__thumbnail__link{width:100%;}.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-post__meta-data span + span:before{content:"///";}.elementor-36 .elementor-element.elementor-element-ebc31e1.elementor-posts--thumbnail-left .elementor-post__thumbnail__link{margin-right:20px;}.elementor-36 .elementor-element.elementor-element-ebc31e1.elementor-posts--thumbnail-right .elementor-post__thumbnail__link{margin-left:20px;}.elementor-36 .elementor-element.elementor-element-ebc31e1.elementor-posts--thumbnail-top .elementor-post__thumbnail__link{margin-bottom:20px;}.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-post__title, .elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-post__title a{color:#F5DF7B;font-family:"Kanit", Sans-serif;font-weight:600;}.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-post__meta-data{color:#FFFFFF;font-family:"Roboto Slab", Sans-serif;font-weight:400;}@media(max-width:767px){.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-36 .elementor-element.elementor-element-ebc31e1:after{content:"0.5";}.elementor-36 .elementor-element.elementor-element-ebc31e1 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for html, class: .elementor-element-a94464c */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&display=swap');

.btn-center{
    text-align:center;
    margin:22px 0;
    padding:4px 0;
    font-family:'Kanit', sans-serif;
}


/* =========================================
   ปุ่มธีมเขียวมรกต + ทองโบราณ
========================================= */

.btn-lotto-gold{

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

    font-family:'Kanit', sans-serif !important;

    /* เขียวมรกตเข้ม */
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(20,115,82,.45),
            transparent 55%
        ),
        linear-gradient(
            180deg,
            #0a6548 0%,
            #064832 45%,
            #032d20 72%,
            #011f16 100%
        );

    /* ทองครีม */
    color:#f1d56d !important;

    font-size:26px;
    font-weight:600;

    padding:20px 50px;

    border-radius:14px;

    text-decoration:none !important;

    /* ขอบทองโบราณ */
    border:2px solid #c89a2c;

    box-shadow:
        0 12px 28px rgba(0,31,21,.38),
        0 0 18px rgba(213,175,57,.13),
        inset 0 1px 0 rgba(255,235,145,.18),
        inset 0 -3px 7px rgba(0,18,12,.32);

    letter-spacing:.4px;

    position:relative;
    overflow:hidden;

    isolation:isolate;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease,
        border-color .25s ease,
        color .25s ease;

    animation:
        emeraldGoldPulse 2.5s infinite;
}


/* =========================================
   กรอบทองด้านใน
========================================= */

.btn-lotto-gold::after{

    content:"";

    position:absolute;

    inset:4px;

    z-index:-1;

    border-radius:10px;

    border:
        1px solid
        rgba(239,207,98,.18);

    pointer-events:none;

    box-shadow:
        inset 0 0 10px rgba(226,190,65,.035);
}


/* =========================================
   แสงทองวิ่ง
========================================= */

.btn-lotto-gold::before{

    content:"";

    position:absolute;

    z-index:1;

    top:-25%;
    left:-70%;

    width:38%;
    height:150%;

    background:
        linear-gradient(
            115deg,
            transparent,
            rgba(255,225,111,.04),
            rgba(255,229,128,.48),
            rgba(255,249,203,.28),
            transparent
        );

    transform:skewX(-22deg);

    pointer-events:none;

    animation:
        emeraldGoldShine 3.3s infinite;
}


/* ให้ข้อความอยู่เหนือแสง */

.btn-lotto-gold{
    text-shadow:
        0 2px 4px rgba(0,18,12,.48),
        0 0 10px rgba(223,188,66,.08);
}


/* =========================================
   HOVER
========================================= */

.btn-lotto-gold:hover{

    color:#fff0a0 !important;

    transform:
        translateY(-4px)
        scale(1.035);

    filter:brightness(1.06);

    border-color:#e3c253;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(32,139,100,.48),
            transparent 58%
        ),
        linear-gradient(
            180deg,
            #0b7553 0%,
            #07543b 45%,
            #043b2a 72%,
            #02271c 100%
        );

    box-shadow:
        0 17px 35px rgba(0,28,19,.46),
        0 0 24px rgba(222,188,67,.20),
        inset 0 1px 0 rgba(255,236,146,.25),
        inset 0 -3px 8px rgba(0,18,12,.30);
}


/* =========================================
   ACTIVE
========================================= */

.btn-lotto-gold:active{

    transform:
        translateY(-1px)
        scale(.99);
}


/* =========================================
   PULSE
========================================= */

@keyframes emeraldGoldPulse{

    0%,
    100%{

        box-shadow:
            0 12px 28px rgba(0,31,21,.38),
            0 0 0 0 rgba(213,175,57,.20),
            0 0 15px rgba(213,175,57,.08),
            inset 0 1px 0 rgba(255,235,145,.18),
            inset 0 -3px 7px rgba(0,18,12,.30);
    }

    50%{

        box-shadow:
            0 14px 32px rgba(0,31,21,.43),
            0 0 0 9px rgba(213,175,57,0),
            0 0 22px rgba(213,175,57,.16),
            inset 0 1px 0 rgba(255,235,145,.22),
            inset 0 -3px 7px rgba(0,18,12,.30);
    }
}


/* =========================================
   แสงทองวิ่ง
========================================= */

@keyframes emeraldGoldShine{

    0%{
        left:-70%;
    }

    55%,
    100%{
        left:135%;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .btn-center{
        margin:18px 0;
        padding:0 12px;
    }

    .btn-lotto-gold{

        width:92%;
        max-width:420px;

        min-height:58px;

        padding:14px 22px;

        font-size:20px;

        border-radius:12px;

        border-width:2px;
    }

    .btn-lotto-gold::after{
        border-radius:8px;
    }
}


/* =========================================
   MOBILE จอเล็ก
========================================= */

@media(max-width:390px){

    .btn-lotto-gold{

        width:94%;

        min-height:56px;

        padding:13px 18px;

        font-size:18px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4802f87 */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600;700;800;900&display=swap');

.btn-center{
    text-align:center;
    margin:22px 0;
    padding:4px 0;
    font-family:'Kanit', sans-serif;
}


/* =========================================
   ปุ่มธีมเขียวมรกต + ทองโบราณ
========================================= */

.btn-lotto-gold{

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

    font-family:'Kanit', sans-serif !important;

    /* เขียวมรกตเข้ม */
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(20,115,82,.45),
            transparent 55%
        ),
        linear-gradient(
            180deg,
            #0a6548 0%,
            #064832 45%,
            #032d20 72%,
            #011f16 100%
        );

    /* ทองครีม */
    color:#f1d56d !important;

    font-size:26px;
    font-weight:600;

    padding:20px 50px;

    border-radius:14px;

    text-decoration:none !important;

    /* ขอบทองโบราณ */
    border:2px solid #c89a2c;

    box-shadow:
        0 12px 28px rgba(0,31,21,.38),
        0 0 18px rgba(213,175,57,.13),
        inset 0 1px 0 rgba(255,235,145,.18),
        inset 0 -3px 7px rgba(0,18,12,.32);

    letter-spacing:.4px;

    position:relative;
    overflow:hidden;

    isolation:isolate;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        filter .25s ease,
        border-color .25s ease,
        color .25s ease;

    animation:
        emeraldGoldPulse 2.5s infinite;
}


/* =========================================
   กรอบทองด้านใน
========================================= */

.btn-lotto-gold::after{

    content:"";

    position:absolute;

    inset:4px;

    z-index:-1;

    border-radius:10px;

    border:
        1px solid
        rgba(239,207,98,.18);

    pointer-events:none;

    box-shadow:
        inset 0 0 10px rgba(226,190,65,.035);
}


/* =========================================
   แสงทองวิ่ง
========================================= */

.btn-lotto-gold::before{

    content:"";

    position:absolute;

    z-index:1;

    top:-25%;
    left:-70%;

    width:38%;
    height:150%;

    background:
        linear-gradient(
            115deg,
            transparent,
            rgba(255,225,111,.04),
            rgba(255,229,128,.48),
            rgba(255,249,203,.28),
            transparent
        );

    transform:skewX(-22deg);

    pointer-events:none;

    animation:
        emeraldGoldShine 3.3s infinite;
}


/* ให้ข้อความอยู่เหนือแสง */

.btn-lotto-gold{
    text-shadow:
        0 2px 4px rgba(0,18,12,.48),
        0 0 10px rgba(223,188,66,.08);
}


/* =========================================
   HOVER
========================================= */

.btn-lotto-gold:hover{

    color:#fff0a0 !important;

    transform:
        translateY(-4px)
        scale(1.035);

    filter:brightness(1.06);

    border-color:#e3c253;

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(32,139,100,.48),
            transparent 58%
        ),
        linear-gradient(
            180deg,
            #0b7553 0%,
            #07543b 45%,
            #043b2a 72%,
            #02271c 100%
        );

    box-shadow:
        0 17px 35px rgba(0,28,19,.46),
        0 0 24px rgba(222,188,67,.20),
        inset 0 1px 0 rgba(255,236,146,.25),
        inset 0 -3px 8px rgba(0,18,12,.30);
}


/* =========================================
   ACTIVE
========================================= */

.btn-lotto-gold:active{

    transform:
        translateY(-1px)
        scale(.99);
}


/* =========================================
   PULSE
========================================= */

@keyframes emeraldGoldPulse{

    0%,
    100%{

        box-shadow:
            0 12px 28px rgba(0,31,21,.38),
            0 0 0 0 rgba(213,175,57,.20),
            0 0 15px rgba(213,175,57,.08),
            inset 0 1px 0 rgba(255,235,145,.18),
            inset 0 -3px 7px rgba(0,18,12,.30);
    }

    50%{

        box-shadow:
            0 14px 32px rgba(0,31,21,.43),
            0 0 0 9px rgba(213,175,57,0),
            0 0 22px rgba(213,175,57,.16),
            inset 0 1px 0 rgba(255,235,145,.22),
            inset 0 -3px 7px rgba(0,18,12,.30);
    }
}


/* =========================================
   แสงทองวิ่ง
========================================= */

@keyframes emeraldGoldShine{

    0%{
        left:-70%;
    }

    55%,
    100%{
        left:135%;
    }
}


/* =========================================
   MOBILE
========================================= */

@media(max-width:767px){

    .btn-center{
        margin:18px 0;
        padding:0 12px;
    }

    .btn-lotto-gold{

        width:92%;
        max-width:420px;

        min-height:58px;

        padding:14px 22px;

        font-size:20px;

        border-radius:12px;

        border-width:2px;
    }

    .btn-lotto-gold::after{
        border-radius:8px;
    }
}


/* =========================================
   MOBILE จอเล็ก
========================================= */

@media(max-width:390px){

    .btn-lotto-gold{

        width:94%;

        min-height:56px;

        padding:13px 18px;

        font-size:18px;
    }
}/* End custom CSS */